0418 jQuery笔记(添加事件、each、prop、$(this))

1.添加点击事件、each、prop、$(this)

 1     //全选框的被动操作
 2     //定义一个标志保存最终状态
 3     var flag = false;
 4     //为每一个选择框添加点击事件，数组.click()
 5     $('.chex').click(function(){
 6         //遍历数组，数组.each()
 7         $('.chex').each(function(){
 8             //判断每一个元素的点击状态,$(this)当前元素
 9             if($(this).prop('checked')){
10                 flag = true;
11             }else{
12                 flag = false;
13                 //不可以使用break
14                 return false;
15             }
16         });
17         if(flag){
18             $('#chexAll').prop('checked',true);
19         }else{
20             $('#chexAll').prop('checked',false);
21         }
22     });

全选框的被动操作

转载于:https://www.cnblogs.com/flypea93/p/8872414.html

0418 jQuery笔记(添加事件、each、prop、$(this))相关推荐

JavaScript 学习笔记 - 挂载事件 Demo
JavaScript 学习笔记 - 挂载事件 Demo 例子 addEventListener 监听事件挂载事件的同时带上参数 dispatchEvent 触发事件 removeEventListe ...
【jQuery笔记Part4】01-jQuery-节点操作-添加节点-删除节点-复制节点
节点操作添加节点静态页面内部添加(父子关系) append(): 添加节点->追加到最后 (父子关系) appendTo(tag): 把创建的节点添加到指定节点之后(父子关系) prepe ...
锋利的Jquery【读书笔记】 -- 第四章 jQuery中的事件和动画
锋利的Jquery读书笔记第三章 jQuery中的DOM操作 jQuery中的事件事件绑定 bind方法合成事件 hover方法 toggle方法事件冒泡事件对象停止事件冒泡阻止默认行为 ...
jquery为图片添加事件
在用jquery 为图片添加事件的时候会遇到一个问题,你添加的图片是通过javascript函数添加上去的所以你直接这样 $(img).click(function(){DoSomeThing();} ...
jQuery向未来的元素添加事件处理程序(绑定事件)
2019独角兽企业重金招聘Python工程师标准>>> jQuery向未来的元素添加事件处理程序 ,使用 delegate() 方法向尚未创建的元素添加事件处理程序(绑定事件) $( ...
为jquery.AutoComplete添加触发事件
上次为jQuery.AutoComplete加上了提示的功能,详情请访问我的博客:<如何让jquery.Autocomplete支持提示?>,这一次,我需要再给jQuery.autoCom ...
jQuery动态添加按钮，绑定点击事件失效
jQuery动态添加按钮,绑定点击事件失效因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...
《锋利的JQuery》读书要点笔记3——事件和动画
第四章 jQuery中的事件和动画 JS和HTML的交互是通过用户和浏览器操作页面时引发的事件来处理的,事件由浏览器自动生成. 4.1 jQuery中的事件 1. 加载DOM 这里主要是搞明白wind ...
jquery 点击事件点击元素添加和移除class
jquery 点击事件点击元素添加和移除class 怎么实现点击一个元素给它添加class,再点击一个元素移除上一个元素的class,再给现在点击的元素添加class <div class=&q ...

0418 jQuery笔记(添加事件、each、prop、$(this))

0418 jQuery笔记(添加事件、each、prop、$(this))相关推荐

最新文章

热门文章