jQuery选择器种类整理
选择器概念
jQuery选择器是通过标签、属性或者内容对HTML内容进行选择,选择器运行对HTML元素组或者单个元素进行操作。
jQuery选择器使用$符号,等同于jquery,例如: $(“li”) = jquery(“li”)
同样等同于javascript中的:document.getElemmentsByTagName/id/class语句;
1 元素选择器
$(“P”); //选择P元素,注意P为大写;
$(“ #container”); //选择id=”container”的元素;
$(“ .articles”); //选择class=”articles”的元素;
$(“.promo”, ”#france”); //id与class混合选择,用 “,”分隔开;
2 属性选择器
jQuery使用XPath表达式来选择带有给定属性的元素:
$(“[href]”) 选择所有带有href属性的元素;
$(“href=’#’”) 选取所有带有href值等于“#”的元素;
$(“href!=’#’”) 选取所有带有href值不等于“#”的元素;
$(“href$=’.jpg’”)选取所有href值以”.jpg”结尾的元素;
3 CSS选择器
jQuery CSS选择器可用于改变HTML元素的CSS属性
$(“P”).css(“background-color”,”red”);
4 其他选择器语法
$(this) 当前HTML元素
$(“P”) 所有<P>元素
$(“p.intro”) 所有class=”intro”的<P>元素
$(“.intro”) 所有class=”intro”的元素
$(“ul li:first”) 每个<ul>的第一个<li>元素
$(“[href$=’.jpg’]”) 所有带有以“.jpg”结尾的属性值的href元素
$(“div#intro.head”) id=”intro”的<div>元素中的所有class=”head”的元素
选择指定元素下的所有子元素
$(“#destinations li”); //选中id为destinations下所有的li子元素;
选择直属子元素
$(“#destionations > li”); //使用“>”符号选择直属子元素,与不加“>”符号的区别为//只为#destionations下一个层次的子元素,不包括子子元素;
伪选择器
first(第一个) last(最后一个) odd(奇数个) even(偶数个)
伪选择器的语法为在子元素名称后面加“:”号,加参数;
$(“#destionations li:frist”);
$(“#destionations li:last”);
$(“#destionations li:odd”);
$(“#destionations li:even”);
转载于:https://www.cnblogs.com/LWWTT/p/11093988.html
jQuery选择器种类整理相关推荐
- jquery选择器详解
jQuery 的选择器借鉴了大量 CSS1 ~ CSS3 标准的特点,并且整理成一个强大的对象选择工具集.但要注意的是如果你的对象名里包含 "#;&,.+*~':"!^$[ ...
- 6JS库-前端框架(库)-jQuery选择器
#jQuery选择器 请列举出在CSS中学习过的选择器的类型 jQuery选择器的优势有哪些? jQuery选择器包括哪几大类? 通过位置选取元素的jQuery选择器有哪些? 课件 1jQuery选择 ...
- jQuery选择器(二)
目录 一.简述jQuery语法结构 二.jQuery选择器 1.简述 2.基本选择器 1.1标签选择器 1.2类选择器 1.3ID选择器 1.4并集选择器 1.5全局选择器 3.层次选择器 1.1后代 ...
- jquery选择器详细说明
jquery中选择器感觉是用的特别多并且特别方便的一个方法,今天就在这里详细的记载下大多数常用的选择器,一起学习探讨. 首先介绍的是css3的选择器,其中包括了标签选择器(div),ID选择器(#ID ...
- jQuery基础知识整理
jQuery基础知识整理 jQuery简介 什么是jQuery(了解) jQuery简化JS代码 jQuery的核心思想:"写的更少,但做的更多"(write less,do mo ...
- jQuery(二):jQuery选择器
jQuery选择器类似于CSS选择器,用来选取网页中的元素.例如: $("h3").css("background-color","red" ...
- js、jQuery面试题整理
js.jQuery面试题整理 1.数据类型 基本类型:String.Number.boolean.null.undefined.Symbol.BigInt. 引用类型:object.里面包含的 fun ...
- jquery选择器大于等于_从零开始学前端 30. JS选择器
每篇文章纯属个人经验观点,如有错误疏漏欢迎指正 由于微信公众号对英文的排版十分困难 以获得更好的阅读体验类似于 CSS选择器,如果我们想要使用 JS 来对 HTML 页面中的元素实现一对一,一对多或者 ...
- jQuery选择器重点总结
jQuery选择器: jQuery选择器类似于CSS选择器,用来选取网页中的元素 示例:$("h3").css("background","#09F& ...
最新文章
- 红帽RHCE培训-课程3笔记目录
- 【AI初识境】给深度学习新手开始项目时的10条建议
- Python开发【第一篇】:初识Python
- android gradle 语法,Gradle 1.语法
- STM32之SPI从机DMA例程
- 视图with check option语句详解
- EasyUI加载树控件自动展开所有目录
- js 去除字符串左右两边的空格
- vs2017_enterprise正式版离线安装包bt下载
- 拓端tecdat:Python金融时间序列模型ARIMA 和GARCH 在股票市场预测应用
- 网络基础之TCP/IP五层模型
- python websockets(wss)
- EXCEL打开文件密码如何找回
- mysql删除密码代码_mysql 用户新建、受权、删除。密码修改
- HttpWatch软件介绍与基本使用
- 如何预测用户query意图 « 搜索技术博客-淘宝
- 小技巧,怎么查看数据库热度排名
- win 10 计算机找不到,怎么找到win10的计算器?不见了,怎么处理
- 互联网造车最靠谱的方式是合作
- 数学建模国赛经验分享
热门文章
- CentOS Linux 下的 vim 无法使用系统剪贴板,怎么解决呢?
- 使用 ssh 命令来访问(登录/连接)远程服务器主机
- diff算法_传统Diff算法为什么时间复杂度要O(n ^3)
- python获取一个月之前日期_利用python获取当前日期前后N天或N月日期的方法示例...
- 用java编写一个图书管理系统_手把手教你编写第一个java程序
- c 中头文件和源文件的区别是什么
- Python3 三步爬楼梯问题
- java commons lang 随机数_Apache Common-lang组件里随机数工具类RandomStringUtils的一个bug...
- PCM设备是做什么的? PCM作用是什么?
- 光纤收发器出现死机故障怎么解决