jquery事件

时间:2022-05-03
本文章向大家介绍jquery事件,主要内容包括parent > child在给定的父元素下匹配所有的子元素、示例、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。

parent > child在给定的父元素下匹配所有的子元素

参数

parentSelectorV1.0

任何有效选择器

childSelectorV1.0

用以匹配元素的选择器,并且它是第一个选择器的子元素

示例

描述:

匹配表单中所有的子级input元素。

HTML 代码:
<form>
  <label>Name:</label>
  <input name="name" />
  <fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
 </fieldset>
</form>
<input name="none" />
jQuery 代码:
$("form > input")
结果:
[ <input name="name" /> ]

$("#leftSelected a").click(function(){ var me=$(this); var href=me.attr('href'); console.log(href);//控制台显示数据 me.removeClass('dataTitle').siblings('a').addClass('dataTitle'); return false; });

siblings([expr])

取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选。

例子:<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
$("div").siblings()
结果:[ <p>Hello</p>, <p>And Again</p> ]

添加点击事件,使用与动态添加的节点,自带的节点可以直接使用.click方法。 $("div.apha_class").on('click','a',function(){ console.log(132); }); $("div.apha_class")//已经存在的节点 on('click','a',function()//其中a是筛选的节点(新增的节点)