知识点

1、jquery选择器的作用是选择jquery页面中的html元素。

2、常用的选择器有：基本选择器、层级选择器、过滤选择器、属性选择器。

基本选择器

1、 id 选择器

代码实现：

element = $("#id")

等价于

document.getElementById("id")

2、class选择器

代码实现：

$(".myClass")

3、元素选择器

代码实现：

$("div")

4、类选择器

代码实现：

$(".myClass")

5、复合选择器

$("div,span,p.myclass")

注：分清p.myclass 和 p,.myclass的区别，第一个指的是所有的p标签下的类为class的元素，第二个指的是所有的p标签和所有的类为myclass的元素。

6、后代元素选择器和子元素选择器

（1）后代元素选择器

代码实现：

$("form input")

(2)子代元素选择器

代码实现：

$("form > input");

注：两者区别为一个是选择所有的子代及子代的子代，一个仅仅选择子代。

7、后续元素选择器

代码实现：

alert($("lable + input"));

注：

（1）选择的是紧跟在lable后面的input

（2）只选择了input而没有选择lable

（3）input必须紧跟lable否则选不中

8、兄弟选择器

代码实现：

$("form ~ input")

注：匹配form后的所有兄弟节点。

9、筛选：

（1）：first 获取第一个元素

（2）：last 获取第二个元素

（3）：even 获取索引值为偶数的元素

（4）：odd 匹配所有索引值为基数的元素

注：索引值均是从0开始计数

（5）：eq（index）匹配一个给定索引值的元素

（6）：gt（index）匹配所有大于给定元素索引值的元素

（7）：it（index）匹配所有小于给定元素索引值的元素

10、属性选择器（了解）

属性选择器
1.包含id属性的元素
$("div[id]")
2.属性等于，不等于某值
$(“input[name=‘newsletter’]”)，$(“input[name！='newsletter']")
3.属性以某值开头，结尾
$("input[name^=‘news’]") ， $("input[name$='letter']")
4.属性包含某值
$("input[name*='man']")

【jquery】jquery选择器相关推荐

jQuery的选择器（一）
2019独角兽企业重金招聘Python工程师标准>>> jQuery选择器完全继承CSS风格,jQuery 选择器允许对 HTML 元素组或单个元素进行操作. jQuery的选择器包 ...
jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)
第一章认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...
JQuery - Sizzle选择器引擎原理分析
说明:14年学习的jquery源码,搬到这里供大家交流.原文地址:https://segmentfault.com/a/1190000003933990 一.前言 Sizzle原来是jQuery里面的 ...
jQuery css()选择器使用说明
css选择器只是jquery中的一个功能罢了,下面我来给各位朋友详细介绍jQuery css()选择器使用方法与说明详解,有需要了解学习的同学可参考. CSS操作有一个重要的方法:CSS() CSS( ...
jQuery 基础选择器/层级选择器/隐式迭代
jQuery 选择器 jQuery 层级选择器隐式迭代(重要) <!DOCTYPE html> <html lang="en"><head>& ...
jquery lt选择器与gt选择器
:lt 选择器选取带有小于指定 index 值的元素. index 值从 0 开始. 经常与其他元素/选择器一起使用,来选择指定的组中特定序号之前的元素. <span style="f ...
java与jquery的选择器区别_JQuery选择器
原标题:JQuery选择器声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权:凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记. JQuery 介绍: 用于搜索H ...
JQuery简介选择器
JQuery简介&选择器文章目录 JQuery简介&选择器一.jquery介绍二.jquery加载三.jquery选择器 1.id选择器 2.类选择器 3.元素选择器 4.全选 ...
第70天：jQuery基本选择器（一）
一.jQuery基本选择器 jQuery是javascript的一个库,包含多个可重用的函数,用来辅助我们简化javascript开发 jQuery能做的javascipt都能做到,而javascri ...
jquery下选择器整理
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个 ...

【jquery】jquery选择器

知识点

基本选择器

【jquery】jquery选择器相关推荐

最新文章

热门文章