一、什么是jQuery

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

二、jQuery选择器

基本选择器

选择器	实例	选取
id选择器	$("#id")	获取指定id元素
类选择器	$(".className")	获取所有类名相同元素
标签选择器	$("div")	获取所有div元素
并集选择器	$("div,p")	获取所有div元素和p元素
交集选择器	$("div.blue")	获取class为blue的div元素

层次选择器

选择器	实例	选取
子代选择器	$("ul>li")	仅包括子级li标签
后代选择器	$("ul li")	包括ul下的所有li标签

基本属性选择器

实例	选取
$("input[checked]")	获取checked选中的标签
$("input[name='username']")	获取input的name属性等于username的标签
$("input[name!='username']")	获取input的name属性不包含username的标签
$("div[class^='b']")	获取类名以b开始的标签
$("div[class*='z']")	获取类名包含z的标签

操作标签的属性

标签属性方法 attr(name)/attr(name,value) 读/写非布尔值的标签属性

标签属性方法 prop(name)/prop(name,value) 读/写布尔值的标签属性

删除属性方法 removeAttr(name)/removeProp(name) 删除指定名字属性

自定义属性方法 data() 读写标签的附加数据（data-*属性）

过滤选择器

选择器	选取
div:eq(index)	获取索引为index的元素
div:odd	获取索引为奇数的元素
div:even	获取索引为偶数的元素
div:first	获取第一个元素
div:last	获取最后一个元素
div:gt(index)	获取索引大于index的元素
div:lt(index)	获取索引小于index的元素
div:not(selector)	去除某一个元素

筛选选择器

选择器	选取
:contains('12')	如果元素中有某个内容则获取该元素
:has('p')	如果元素中有某个标签时则获取该元素
:empty	获取空元素或者不包含子元素的标签
:parent	获取含有子元素或文本的标签

筛选选择器（方法）

方法	使用	描述
children(selector)	$("ul").children("li")	相当于$("ul>li"),子类选择器
find(selector)	$("ul").find("li")	相当于$("ul li"),后代选择器
siblings(selector)	$("#first").siblings("li")	获取兄弟节点，不包括本身
parent()	$("#first").parent()	查找父亲元素
eq(index)	$("li").eq(1)	查找索引为1的li元素
next()	$("li").next()
prev()	$("li".prev()	上一个兄弟

什么是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选择器