jQuery技术

jQuery笔记(一)jQuery选择器

字号+ 作者:H5之家 来源:H5之家 2017-07-04 11:04 我要评论( )

一、前言 编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如拥有title属性并且值

选择器 

描返

返回 

示例

:nth-child

(index/eve/

odd/equation)

选取每个父元素下的第index个

子元素或者奇偶元素(index从1开始)

集合元素

:eq(index)只匹配一个元素,而:nth-child将为每一个

父元素匹配子元素,并且:nth-child(index)的index是从1开始,

而:eq(index)是从0开始。

:first-child  

选取每个父元素的第一个子元素

集合元素

:first只返回单个元素,而:first-child选择器将为每个父元素匹配

第一个子元素。

$("ul li:first-child")选取每一个ul中第一个<li>元素

:last-child

选取每个父元素的最后一个子元素

集合元素

$("ul li:last-chilid")选取每一个ul中的最后一个<li>元素

:only-child

如果某个元素是它父元素中的唯一一个

子元素,那么它就会被匹配,如果父元

素中含有其他元素,那么将不会匹配

集合元素

$("ul li:onyl-child")选取ul中是唯一子元素的<li>元素

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery Ajax 学习(转)

    jQuery Ajax 学习(转)

    2017-05-17 12:02

  • 基于JQuery 选择器使用说明介绍

    基于JQuery 选择器使用说明介绍

    2017-05-16 16:01

  • 50个jQuery学习必备小技巧(下)

    50个jQuery学习必备小技巧(下)

    2017-04-29 17:05

  • webpack教程

    webpack教程

    2017-04-19 17:02

网友点评