美文网首页
163-jQuery

163-jQuery

作者: F_er | 来源:发表于2019-11-20 22:03 被阅读0次

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(){})

相关文章

  • 163-jQuery

    jQuery属性操作 1.属性与属性节点 属性:对象身上所保存的变量即为属性 属性节点: HTML标签中添加的属性...

网友评论

      本文标题:163-jQuery

      本文链接:https://www.haomeiwen.com/subject/zuvaictx.html