`
koalaxyq
  • 浏览: 89804 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类

Jquery选择器(一) -- Basics

阅读更多
基本选择器
[1]  #id      Returns: Array<Element>
      说明: 返回匹配一个指定id的元素。如果id中包含句点,冒号等符号,则需要用反斜杠(\)来转义。
     
$("#myID\\.entry\\[1\\]").css("border","3px solid red");

     id: String--一个元素的id属性。


[2]  element      Returns: Array<Element(s)>
      说明: 返回匹配给定标签名的所有元素。
      
$("div").css("border","9px solid red");

      element: String--DOM节点的标签名。


[3]  .class      Returns: Array<Element(s)>
      说明: 返回匹配给定css类名的所有元素。
      
$(".myClass").css("border","3px solid red");

      class: String--要查找的类名。一个元素可能含有多个类名,其中之一匹配即可。

[4]  .class.class      Returns: Array<Element(s)>
      说明: 返回匹配给定css类名组合的所有元素。
      
$(".myClass").css("border","3px solid red");

      class: String--要查找的类名。一个元素可能含有多个类名,其中之一匹配即可。

[5]  *      Returns: Array<Element(s)>
      说明: 返回所有元素。
      
$("*").css("border","3px solid red");


[6]  selector1, selector2, selectorN       Returns: Array<Element(s)>
      说明: 返回匹配各选择器所指定的所有元素。
      
$("div,span,p.myClass").css("border","3px solid red");

      selector1, selector2, selectorN : Selector--各有效的选择器。





-------------------------------------------------------------------------------------------------------------------------------
分享到:
评论

相关推荐

    Beginning jQuery:From the Basics of jQuery to Writing your Own Plug-ins

    1. **jQuery基础知识**:书中首先介绍了如何引入jQuery库,以及jQuery选择器的基本用法,包括ID选择器、类选择器、属性选择器等,帮助读者理解如何高效地选取和操作网页元素。 2. **DOM操作**:jQuery提供了简洁的...

    jQuery-selector-basics-web-0615-public

    在这个挑战中,您将分组练习使用jquery来使用所有可用的所有jQuery选择器来选择页面中的不同元素。 入门 在js / selectors.js中,编写必要的代码以从index.html页中选择5个不同的元素。 利用记录CSS选择器。 作为...

    jQuery-selector-basics-web-0715-public

    代码挑战-探索jQuery选择器 在这个挑战中,您将分组练习使用jquery来使用所有可用的所有jQuery选择器来选择页面中的不同元素。 入门 在js / selectors.js中,编写必要的代码以从index.html页中选择5个不同的元素。 ...

    jQuery选择器

    jQuery选择器是jQuery库的核心功能之一,用于高效地选取DOM元素。它提供了丰富的选择方式,使得开发者能够方便地操作HTML文档。以下是对jQuery选择器的详细说明: **基础选择器 (Basics)** 1. `#id`:通过元素ID...

    海量经典的jQuery插件集合

    - **功能概述**:提供另一个颜色选择器选项。 - **应用场景**:适用于需要不同风格的颜色选择器。 #### 六、投票插件(Rating Plugins) **1. jQuery Star Rating Plugin** - **功能概述**:实现星级评分功能。 - ...

    jquery-basics:练习jquery的项目,启动NSS后使用骨架框架更新CSS

    3. **jQuery选择器** jQuery提供了丰富的选择器,如基本选择器(ID、类、标签)、层级选择器(后代、子、相邻、通用)和属性选择器。它们使得选取DOM元素变得更加灵活和精确。 4. **事件处理** 在jQuery中,你...

    240多个jQuery UI插件

    - **Farbtastic jQuery Color Picker Plugin**: 高度可定制的颜色选择器。 - **ColorPicker by intelliance.fr**: 简洁高效的颜色选取插件。 #### 投票插件(Rating Plugins) - **投票插件**包括: - **jQuery ...

    jQuery-Basics

    jQuery选择器 jQuery的选择器类似于CSS选择器,用于选取HTML元素。例如,选取ID为"myID"的元素: ```javascript $("#myID"); ``` 选择类名为"myClass"的所有元素: ```javascript $(".myClass"); ``` 或者选取...

    jquery教程jquery教程

    1. **基础选择器 (Basics)**: - `#id`:通过元素ID选取,如`$("#divId")`。 - `element`:按元素名称选取,如`$("a")`。 - `.class`:根据CSS类选取,如`$(".bgRed")`。 - `*`:选取所有元素,如`$("*")`。 - ...

    jquery框架及源码

    1. **选择器(Selectors)**: jQuery提供了丰富的CSS选择器,如ID选择器(#id),类选择器(.class)和元素选择器(tag),使得选取DOM元素变得极其方便。 2. **链式调用(Chaining)**: 由于jQuery对象返回的总是jQuery...

    jquery1.5 参考文档

    jQuery 的核心选择器提供了一系列强大的功能: - `$.jQuery(selector[,context])`:根据给定的选择器和上下文获取元素集合。 - `$.jQuery(element)`:将单个DOM元素转换为jQuery对象。 - `$.jQuery(elementArray)`...

    Start Jquery

    - **核心内容:**本章主要介绍了Jquery的基本使用方法,包括选择器、基本DOM操作、事件处理等。 - **重要知识点:** - 选择器:使用$()函数选择DOM元素的方法。 - DOM操作:添加、删除、修改元素等。 - 事件绑定...

    jQuery 1.2 Cheat Sheet

    ### jQuery 1.2 Cheat Sheet...以上是对 jQuery 1.2 Cheat Sheet 的详细解读,涵盖了其核心功能、属性操作、选择器等方面的使用方法。通过这份速查手册,用户能够快速掌握 jQuery 的主要功能,并将其应用到实际开发中。

    Learning jQuery 3rd Edition

    选择器是jQuery最强大的特性之一,它允许开发者基于CSS选择器快速选取页面上的特定元素。遍历方法则用于在选定的元素集合上执行操作,如找到父元素、子元素或同级元素。DOM操作功能包括创建、插入、删除和修改HTML...

    Jquery-Basics

    例如,你可以使用`$("#elementID")`选择具有特定ID的元素,`$(".classSelector")`选择具有特定类名的元素,`$("tagname")`选择特定类型的元素。 #### 插入HTML 在DOM中插入新元素是常见的需求。jQuery提供以下方法...

    jquery.cheatsheet.1.4.pdf

    综上所述,jQuery Cheat Sheet 1.4 提供了一个全面而深入的指南,涵盖了 jQuery 的核心概念、选择器、事件处理、属性管理等多个方面,对于学习和掌握 jQuery 极具价值。无论是初学者还是资深开发者,都能从中找到...

Global site tag (gtag.js) - Google Analytics