jQuery常见的选择器操作运算符

>表示直接子元素

表示("parent > child") 选择器选取指定元素的直接子元素的所有元素。

$("div > p") <div> 元素的直接子元素的所有 <p> 元素

+表示相邻的元素

$("div + p")    每个 <div> 元素相邻的下一个 <p> 元素

~ 表示同级的元素

$("div ~ p")    <div> 元素同级的所有 <p> 元素

:表示集合过滤的元素

$("ul li:lt(3)")    列举 index 小于 3 的元素
$("ul li:gt(3)")    列举 index 大于 3 的元素
$("ul li:eq(3)")    列表中的第四个元素（index 值从 0 开始）
$(":input") 所有 input 元素
$(":text")  所有带有 type="text" 的 input 元素

=表示属性值等于的元素

$("[href='default.htm']")   所有带有 href 属性且值等于 "default.htm" 的元素

^=表示属性且值以指定单词的元素开头的元素

$("[title^='Tom']") 所有带有 title 属性且值以 "Tom" 开头的元素

~=表示属性且值包含指定单词的元素

$("[title~='hello']")   所有带有 title 属性且值包含单词 "hello" 的元素

*=表示属性且值包含指定字符串的元素。

$("[title*='hello']")   所有带有 title 属性且值包含字符串 "hello" 的元素

[]表示属性容器

$("[href]") 所有带有 href 属性的元素
$("[href='default.htm']")   所有带有 href 属性且值等于 "default.htm" 的元素

$=表示属性值以指定字符结尾的元素

$("[href$='.jpg']") 所有带有 href 属性且值以 ".jpg" 结尾的元素

!=表示表示属性值不等于的元素

$("[href!='default.htm']")  所有带有 href 属性且值不等于 "default.htm" 的元素

*表示所有元素

$("*")  所有元素

，表示多个元素

$(".intro,.demo")   class 为 "intro" 或 "demo" 的所有元素
$("h1,div,p")   所有 <h1>、<div> 和 <p> 元素

jQuery常见的选择器操作运算符相关推荐

jquery常见的选择器
jquery常见的选择器具体参考官方API:http://jquery.cuishifeng.cn/ 1. 基本选择器 1.通配符选择器 * 用于选择所有元素2.元素选择器选择文档的元素如htm ...
jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)
第一章认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...
jquery 常见选择器以及一些方法
// 这里的selector表示具体的选择器 jQuery( "selector:first" ) jQuery的:first选择器用于获取匹配到的第一个元素,将其封装为jQuer ...
jQuery(简介、特点、使用方法、【重点】jQuery的选择器：是jQuery的灵魂、jQuery的属性：操作标签的属性)
https://www.jq22.com/chm/jquery/index.html 一.jQuery 1.简介:是一个对JavaScript进行了封装的库,简化了用户使用javascript 2.特 ...
jQuery基础：选择器、动画、DOM操作和事件等
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web 文章目录 *1.选择器 1.1 DOM和jQuery比较 1.2 隔行变色 1.3 层 ...
jQuery初识之选择器、样式操作和筛选器(模态框和菜单示例)
一.jQuery 1.介绍 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架). jQuery设计的 ...
js层级选择框样式_【JavaWeb】85：jQuery的各种选择器
今天是刘小爱自学Java的第85天. 感谢你的观看,谢谢你. 话不多说,开始今天的学习: 选择器的作用是什么? 可以快速准确地定位我们所需要的标签. 刚学CSS的时候,觉得CSS选择器也太多了吧,直到 ...
Jquery常见的面试问题
1 你在公司是怎么用jquery的? 答:在项目中是怎么用的是看看你有没有项目经验(根据自己的实际情况来回答) 你用过的选择器啊,复选框啊,表单啊,ajax啊,事件等配置Jquery环境下载jqu ...
jquery强大的选择器--jq选择器大全
原文转载:https://muitlog.com/2019/12/31/2019123101.html 在学习jquery的时候,我们已经知道jquery的基本语法:基础语法: $(selector) ...

jQuery常见的选择器操作运算符

>表示直接子元素

+表示相邻的元素

~ 表示同级的元素

:表示集合过滤的元素

=表示属性值等于的元素

^=表示属性且值以指定单词的元素开头的元素

~=表示属性且值包含指定单词的元素

*=表示属性且值包含指定字符串的元素。

[]表示属性容器

$=表示属性值以指定字符结尾的元素

!=表示表示属性值不等于的元素

*表示所有元素

，表示多个元素

jQuery常见的选择器操作运算符相关推荐

最新文章

热门文章

jQuery常见的选择器操作运算符

>表示直接子元素

+表示相邻的元素

~ 表示同级的元素

:表示集合过滤的元素

=表示属性值等于的元素

^=表示属性且值以指定单词的元素 开头的元素

~=表示属性且值包含指定单词的元素

*=表示属性且值包含指定字符串的元素。

[]表示属性容器

$=表示属性值以指定字符结尾的元素

!=表示表示属性值不等于的元素

*表示所有元素

，表示多个元素

jQuery常见的选择器操作运算符相关推荐

最新文章

热门文章

^=表示属性且值以指定单词的元素开头的元素