第二章jQuery选择器

一、jquery选择器的分类：
1.基本选择器
（1）标签选择器
$(“h2”).css(“color”,“red”);
（2）类选择器
$(".title").css(“color”,“red”);
（3）ID选择器
$("#title").css(“color”,“red”);
（4）并集选择器
$(“h2,h3,.title,#title”).css(“color”,“red”);
（5）全局选择器
$("").css(“color”,“red”);
2.层次选择器
（1）后代选择器
$("#box p").css(“color”,“red”)
所有box下面的p标签字体都换成红色
（2）子选择器
$("#box>p").css(“color”,“red”);
所有id为box的儿子元素字体变成红色
（3）相邻元素选择器：
$(".p2+p").css(“color”,“red”);
class为p2的元素下一个为p的字体变红
（4）同辈元素选择器：
(".p2p").css("color","red");class为p2后面所有为p元素的字体都变成红色3.属性选择器（1）[name]:含有name属性的选中（2）[name=′name′]，name的值是name的被选中（3）[name!=name],name的值不是name的被选中（4）[name=na]，name的值以na开头的被选中（5）[name(".p2~p").css("color","red"); class为p2后面所有为p元素的字体都变成红色 3.属性选择器（1）[name]:含有name属性的选中（2）[name='name']，name的值是name的被选中（3）[name!=name],name的值不是name的被选中（4）[name^=na]，name的值以na开头的被选中（5）[name(".p2 p").css("color","red");class为p2后面所有为p元素的字体都变成红色3.属性选择器（1）[name]:含有name属性的选中（2）[name=′name′]，name的值是name的被选中（3）[name!=name],name的值不是name的被选中（4）[name=na]，name的值以na开头的被选中（5）[name=na],name的值以na结束的被选中
（6）[name=na],name的值中包含na的被选中
（7）[name=‘text’][id=‘name’]，属性name的值等于name,并且id也等于name的被选中
4.基本过滤选择器
（1）获取第一个li元素：
$(“li:first”).css(“color”,“red”);
（2）获取最后一个li元素：
$(“li:last”).css(“color”,“red”);
（3）获取偶数行的元素：
$(“li:even”).css(“color”,“red”);
（4）获取奇数行的元素：
$(“li:odd”).css(“color”,“red”);
（5）获取索引是2的元素
$(“li:eq(2)”).css(“color”,“red”);
（6）获取索引大于2的元素，索引从0开始
$(“li:gt(2)”).css(“color”,“red”);
（7）获取索引小于2的元素
$(“li:lt(2)”).css(“color”,“red”);
（8）获取所有标题元素
$(":header").css(“color”,“red”);
（9）获取光标聚焦的元素
$(":focus").css(“color”,“red”);

5.可见性过滤选择器

二、光标聚焦：
$("[name=‘text’]").focus();
三、给表单里面赋值：
$("[name=‘pass’]").val(“值”);
四、获取表单的值：
$("#input").val();

第二章jQuery选择器相关推荐

第二章 jQuery选择器
2019独角兽企业重金招聘Python工程师标准>>> #选择器 ##基本选择器 (#id) 根据给定的id匹配一个元素,$("#test") (.class) ...
第十四章 jQuery选择器
jQuery选择器 jQuery选择器类似于CSS选择器,用来选取网页中的元素 jQuery选择器分类通过CSS选择器选取元素基本选择器层次选择器属性选择器通过过滤选择器选择元素基本过滤选 ...
jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)
第一章认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...
第二章（jQuery选择器）
2.1jQuery选择器是什么 1.CSS选择器选择器示例选择器示例标签选择器 a{ } p{ } ul{ } ID选择器 #ID{ } 类选择器 .class{ } 群组选择器 td,p, ...
《jQuery权威指南》学习笔记——第二章
2.1 jQuery选择器概述 2.1.1 什么是选择器通过标签名.属性名或内容对DOM元素进行快速.准确的选择 2.1.2 选择器的优势 1.代码更简单:(示例2-1 使用JavaScript实现 ...
北大青鸟 JQuery制作特效第二章（上机练习
北大青鸟 JQuery制作特效第二章 (上机练习练习一丶制作简易的当当购物车页面 <!DOCTYPE html> <html> <head lang="en ...
jQuery系列第四章 jQuery框架的选择器
第四章 jQuery框架的选择器 4.1 jQuery选择器说明 jQuery 最核心的组成部分就是选择器引擎.它完全继承了 CSS 的风格,可以对 DOM 元素的标签名.属性名.状态等进行快速准确 ...
jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html
我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器在CSS3选择器标淮草案定义 ...
jQuery选择器和选取方法
我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器在CSS3选择器标淮草案定义 ...

第二章jQuery选择器

第二章jQuery选择器相关推荐

最新文章

热门文章