zoukankan      html  css  js  c++  java
  • jquery选择器用法笔记(第一部分)

    由于我在项目中用jquery比较多,而且觉得jquery真的很不错,尤其是其灵活高效的选择器更是令人无法忘怀。那么,今天就来写一篇非常基础的关于jquery选择器的文章,路过的朋友可以收藏以作参考。

    1、$("*")   --  选取所有元素

    * 选择器选取文档中的每个单独的元素,包括 html、head 和 body。

    如果与其他元素(嵌套选择器,正如上面的例子)一起使用,该选择器选取指定元素中的所有子元素。

    如选取body内的所有元素我们我们可以这样:$(body *)

    2、$("#id")  --  选取对应id的元素

    # 选取带有唯一的指定 id 的元素。

    id 引用 HTML 元素的 id 属性。

    相同的 id 值只能在文档中使用一次。

    如要选取id为content的元素:$("#content")

    注意:id不要以数字开头,有些浏览器会出问题

    3、$(".class")  --  选取指定class的所有元素

    . 选择器选取带有指定 class 的元素。

    class 引用 HTML 元素的 class 属性。

    与 id 选择器不同,class 选择器常用于多个元素。

    这样就可以为带有相同 class 的任何 HTML 元素设置特定的样式。

    注意:class名称不要以数字开头,有些浏览器会出问题

    如要选取class为title的所有元素:$(".title")

    4、$(element)  --  选取指定标签名的元素

    element 选择器选取带有指定标签名的元素。

    标签名引用 HTML 标签的 < 与 > 之间的文本。

    如要选取所有p元素:$(p)

    5、$("p:first")  --  选取第一个p元素

    :first 选择器选取第一个元素。

    最常见的用法:与其他元素一起使用,选取指定组合中的第一个元素

    6、$("p:last")  --  选取最后一个p元素

    :last 选择器选取最后一个元素。

    最常见的用法:与其他元素一起使用,选取指定组合中的最后一个元素

    7、$("tr:even")  --  选取所有偶数<tr>元素

    :even 选择器选取每个带有偶数 index 值的元素(比如 2、4、6)。

    index 值从 0 开始,所有第一个元素是偶数 (0)。

    最常见的用法:与其他元素/选择器一起使用,来选择指定的组中偶数序号的元素

    8、$("tr:odd")  --  选取所有奇数<tr>元素

    :odd 选择器选取每个带有奇数 index 值的元素(比如 1、3、5)。

    index 值从 0 开始,所有第一个元素是偶数 (0)。

    最常见的用法:与其他元素/选择器一起使用,来选择指定的组中奇数序号的元素

    今天先介绍这几个,改天再继续讲其他的选择器用法,敬请期待

  • 相关阅读:
    [转]权限树中Checkbox的操作[Asp.Net2.0]
    [转]IE点击链接没有反应或打开新窗口出现一个空白框(地址栏空白)的解决方法
    [引]VS2005 之 Visual Basic 编程语言介绍
    [文摘20070816]家(周国平)
    Linux 下zip包的压缩与解压
    SOSO发布国内首家高清街景地图 引领地图换代
    VC 获取当前工作目录和执行目录的一些方法
    设置vim 默认显示行号
    利用脚本将文字插入到图片或进行多个图片拼接
    ImageMagick操作合并图像
  • 原文地址:https://www.cnblogs.com/ranzige/p/jquery_selector_1.html
Copyright © 2011-2022 走看看