前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jquery事件

jquery事件

作者头像
wangxl
发布2018-03-07 11:14:55
1.9K0
发布2018-03-07 11:14:55
举报
文章被收录于专栏:PHP在线PHP在线

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

参数

parentSelectorV1.0

任何有效选择器

childSelectorV1.0

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

示例

描述:

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

HTML 代码:
代码语言:javascript
复制
<form>
  <label>Name:</label>
  <input name="name" />
  <fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
 </fieldset>
</form>
<input name="none" />
jQuery 代码:
代码语言:javascript
复制
$("form > input")
结果:
代码语言:javascript
复制
[ <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])

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

代码语言:javascript
复制
例子:<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
代码语言:javascript
复制
$("div").siblings()
代码语言:javascript
复制
结果:[ <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是筛选的节点(新增的节点)

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2014-11-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 php 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • parent > child在给定的父元素下匹配所有的子元素
    • 参数
      • parentSelectorV1.0
      • childSelectorV1.0
    • 示例
      • 描述:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档