jQuery快速入门基础教程之选择器(一)
来源:互联网 发布:mac itunes 12 铃声 编辑:程序博客网 时间:2024/06/10 20:04
问题:我怎么才能收到你们公众号平台的推送文章呢?
答案:只需要点击标题下面的蓝色字【web前端开发】关注即可。
01、jQuery元素选择器
jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作
"。这是它区别于其他Javascript库的根本特点。使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$)
,然后得到被选中的元素。jQuery中 使用 CSS 选择器来选取 HTML 元素。
$("p
") 选取 <p>
元素。
$("p.intro
") 选取所有 class="intro"
的 <p> 元素。
$("p#demo
") 选取所有 id="demo"
的 <p>元素。
$("ul li:eq(3)
") 选取列表中的第4个
元素(index 从 0 开始)
$("ul li:gt(3)
") 选取列表中index大于3
的元素
$("ul li:lt(3)
") 选取列表中index小于3
的元素
$("input:not(:empty)
") 选取所有不为空
的 input 元素
-02、jQuery属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]
") 选取所有带有 href 属性
的元素。
$("[href='#']
") 选取所有带有 href 值等于 "#"
的元素。
$("[href!='#']
") 选取所有带有 href 值不等于 "#"
的元素。
$("[href$='.jpg']
") 选取所有 href 值以 ".jpg"
结尾的元素。
-03、jQuery CSS选择器
jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
$("p").css("background-color","red");
- jQuery快速入门基础教程之选择器(一)
- jQuery快速入门基础教程之jQuery操作DOM(四)
- jQuery快速入门基础教程之jQuery操作CSS(五)
- jQuery快速入门基础教程之事件(二)
- jQuery快速入门基础教程之效果(三)
- jQuery基础教程之强大的选择器(基本选择器)
- jQuery基础教程之强大的选择器(层次选择器)
- jQuery基础教程之强大的选择器(表单选择器)
- jQuery基础教程之强大的选择器(基本选择器)
- jQuery基础教程之强大的选择器(层次选择器)
- jQuery基础教程之强大的选择器(表单选择器)
- jQuery基础教程之强大的选择器(基本选择器)
- jQuery基础教程之强大的选择器(层次选择器)
- jQuery基础教程之强大的选择器(表单选择器)
- jQuery基础教程之+层次选择器
- jQuery基础教程之 基本选择器
- PHP基础教程(一)PHP快速入门
- jQuery基础教程之强大的选择器(过滤选择器-基本过滤选择器)
- weblogic上cas的安装步骤
- jQuery学习day1
- tomcat下如何配置cas
- 【教程】html+css零基础入门教程之 伪元素(三十一)
- java.lang.OutOfMemoryError: Perm…
- jQuery快速入门基础教程之选择器(一)
- eclipse/myeclipse快捷键大全
- 基于Redis实现分布式锁
- MyEclipse6.5安装SVN插件的三种方…
- web页中屏蔽选中、剪切、复制及右…
- 文本框各种样式
- geckodrive 最新版本v0.19.1
- 数据结构
- 收集好的博客学习