jquery事件

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是筛选的节点(新增的节点)

原文发布于微信公众号 - php(phpdaily)

原文发表时间:2014-11-06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web前端

CSS3---first-child或者nth-child(1) 不起作用的原因

一、零碎      1、first-child、last-child、nth-child(n)、nth-child(2n)、nth-child(2n-1)、nt...

2165
来自专栏Java技术分享

XMLDTD语法详解

本文详细介绍DTD,包括其对元素的定义,属性的定义,以及实体的定义。

1829
来自专栏前端小栈

javascript基础详解-作用域

JavaScript语言的作用域仅存在于函数范围中。这是必须要牢记的一点,还有一点重要的就是作用域的提升规则。

601
来自专栏运维小白

9.7 awk工具(下)

awk工具 awk -F ':' '$3<$4' /etc/passwd awk -F ':' '$3>"5" && $3<"7"' /etc/passwd a...

1618
来自专栏静默虚空的博客

jQuery 选择器

基本选择器 基本选择器是最简单的选择器,可以通过元素id、class和标签名等来直接查找DOM元素。 元素选择器 根据给定元素名匹配元素。如下选择的是所有d...

1677
来自专栏Kotlin源码阅读

kotlin源码阅读——字符串

filename:String.kt/StringsJVM.kt/Arrays.kt/CharSequence.kt

2284
来自专栏King_3的技术专栏

leetcode-79-单词搜索(用dfs解决)

单词必须按照字母顺序,通过相邻的单元格内的字母构成,其中“相邻”单元格是那些水平相邻或垂直相邻的单元格。同一个单元格内的字母不允许被重复使用。

661
来自专栏前端知识分享

第71天:jQuery基本选择器(二)

622
来自专栏地方网络工作室的专栏

Shell 循环中实现展示进度百分比的脚本方法

Shell 循环中实现展示进度百分比的脚本方法 当我需要处理一个几万行的文件的时候,需要处理的时间是比较长的。我一开始的想法是,没处理一行,就输出一个 # 号。...

1987
来自专栏积累沉淀

JavaScript面向对象与原型

javaScript有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语言有一个标志,那就是类的概念,而通过类可以创建任意多个具有相同属性...

18910

扫描关注云+社区