163-jQuery

jQuery属性操作

1.属性与属性节点

属性:对象身上所保存的变量即为属性

属性节点

  1. HTML标签中添加的属性就是属性节点-
  2. 或者在浏览器中找到DOM元素,其下attributes包含的就是属性节点

2.prop()&attr()

操作属性节点时,具有true 和 false两个属性的属性节点(如:checked ,selected 或者 disabled)使用prop(),其他使用attr()

jQuery事件

1.自定义事件

$.(ele).on("mtClick",function{

});
trigger("myClick");

2.命名空间

  • 还是原先的事件,只是添加了标记而已
$.(ele).on("click.jqf",function{

})

注意:

利用 trigger触发子元素带命名空间的事件,那么父元素带相同命名空间的件也会被触发。而父元素没有命名空间的事件不会被触发

利用 trigger触发子元素不带命名空间的事件,那么子元素所有相同类型的事件和父元素所有相同类型的事件都会被触发

​ --------------(冒泡)

3.事件委托

背景:由于jQuery入口函数是在页面中所有dom元素加在完毕后执行的,因此,通过jQuery监听事件无法绑定给通过jQuery新增的元素身上(在dom加载之后,该新增的dom并不存在)

解决:可以把事件的监听绑定给原本存在的DOM元素身上(其父元素),利用冒泡则其子元素也可以执行

$.(ParentDOM).delegate(operateDOM,"click",function{ })

补充:
通过事件委托可以实时监听input中内容的改变$("body").delegate("input[type=text]","propertychange input",function(){})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容