jQuery选择器课堂随笔
$(function(){
//并集选择器
/*
$("h2,ul").css("background","pink");*/
//交集选择器
//$("h2.ww").css("background","pink");
//全局选择器
//$("*").css("background","red");
//标签选择器
//$("ul").css("background","red");
//类选择器
//$(".ww").css("background","red");
//后代选择器
//$("#66 span").css("background","red");
//子选择器
//$("#66>span").css("background","red");
//相邻选择器
//$("#66+h2").css("background","red");
//同辈选择器
// $("#66~h2").css("background","red");
//属性选择器
// $("[href=sss]").css("background","red");href元素属性值等于sss
//$("[href^=sss]").css("background","red");href元素属属性值包含sss
//$("[href$=sss]").css("background","red"); href元素属属性值以sss结尾
//$("a[href=sss]").css("background","red");在a标签中且href元素属性值等于sss
//过滤选择器
//偶数
//$("ul li:even").css("background","red");
//奇数
//$("ul li:odd").css("background","red");
//第一个
//$("ul li:first").css("background","red");
//最后一个
//$("ul li:last").css("background","red");
//索引等于index的元素
//$("ul li:eq(1)").css("background","red");
//索引大于index的元素
//$("ul li:gt(1)").css("background","red");
//索引小于indexi的元素
//$("ul li:lt(1)").css("background","red");
$("input").focus();
$("input:focus").css("background","red");
});
</script>
</head>
<body>
<h1 class="2">New Web Project Page</h1>
<div id="66"><span> ssssss</span> 666666666</div>
<h2 class="ww">hehehehe</h2>
<h2 class="ss">66666666666</h2>
<input type="text"/>
<ul>
<li class="1">我是第一个li</li>
<li class="2">我是第二个li</li>
<li class="3"> 我是第三个li</li>
<li class="4">我是第四个li</li>
</ul>
<div id="3">
<a href="sss">1</a>
<a href="sss2">2</a>
<a href="sss3">3</a>
<a href="sss4">4</a>
</div>
</body>
jQuery选择器课堂随笔的更多相关文章
- JQuery:JQuery基本语法,JQuery选择器,JQuery DOM,综合案例 复选框,综合案例 随机图片
知识点梳理 课堂讲义 1.JQuery快速入门 1.1.JQuery介绍 jQuery 是一个 JavaScript 库. 框架:Mybatis (jar包) 大工具 插件:PageHelper (j ...
- JQuery 选择器
选择器是JQuery的根基,在JQuery中,对事件的处理,遍历DOM和AJAX操作都依赖于选择器.如果能够熟练地使用选择器,不仅能简化代码,而且还可以事半功倍. JQuery选择器的优势 1.简洁的 ...
- jQuery的案例及必知重要的jQuery选择器
Jquery能做什么 访问和操作DOM元素 控制页面样式 对页面事件进行处理 扩展新的jQuery插件 与Ajax技术完美结合 Jquery的优势 体积小,压缩后只有100KB左右 l强大的选择器 出 ...
- 深入学习jQuery选择器系列第一篇——基础选择器和层级选择器
× 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器 前面的话 选择器是jQuery的根基,在jQuery中,对事件处理.遍历D ...
- jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html
我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器 在CSS3选择器标淮草案定义 ...
- 《锋利的jQuery（第2版）》笔记-第2章-jQuery选择器
选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.熟练使用选择器,不仅可以简化代码,而且可以达到事半功倍的效果. 2.1 jQuery选择器是什么 1. ...
- 深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器
× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的 ...
- 深入学习jQuery选择器系列第四篇——过滤选择器之属性选择器
× 目录 [1]简单属性 [2]具体属性 [3]条件属性 前面的话 属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素,对应于CSS中的属性选择器.属性过滤选择器可分为简单属性选择器.具体属性选 ...
- 深入学习jQuery选择器系列第二篇——过滤选择器之子元素选择器
× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 在上一篇中已经介绍过基础选择器和层级选择器,本文开始介绍过滤选择器.过滤选择器是jQuery选择器中最为庞大也是最为 ...
随机推荐
- 制作毛玻璃效果 分类： ios技术 2015-07-14 09:03 240人阅读 评论(0) 收藏
//添加一个图片 UIImageView *imageview = [[UIImageView alloc]init]; imageview.frame = CGRectMake(10 ...
- mysql 安装错误 解决方法
错误及警告信息:TIMESTAMP with implicit DEFAULT value is deprecated. Please use --explicit_defaults_for_time ...
- 【转】我是怎么找到电子书的 – IT篇
多读书,提高自己 电子出版物 IT-ebooks http://it-ebooks.info/ 上万本英文原版电子书,大多数为apress和o'relly的.全都是文字版,体积小又清楚.适合懂英文的人 ...
- 【转】int && 非常量右值
C++ 11中引入的右值引用正好可用于标识一个非常量右值.C++ 11中用&表示左值引用,用&&表示右值引用,如: int &&a = 10 右值引用根据其修饰 ...
- C#数码管控件（转）
源:一个简单Led控件 Led控件,可能是非常经典和常用的了,但是很遗憾的是,这个名称至少涵盖了三种控件:1.是7段式的有发光二极管构成的Led,通常用来显示数字.2.是指示灯,通常用来闪烁,指示电源 ...
- xml数据传输
- java 解析excel
2014年2月25日 14:24:48 解析excel方法 //首先是jar包下载,请自行百度 //代码 package cn.wuwenfu.excel; import java.io.File; ...
- java 图片生成缩略图后，转化成流
功能:图片生成缩略图后,转化成流 public class ImageUtils { /** * * @param in1 * 文件流 * @param uploadFileName * 文件名称 * ...
- 转化成maven dependencis
右键工程--->configure--->convert to maven project
- windy数（bzoj 1227）
Description windy定义了一种windy数.不含前导零且相邻两个数字之差至少为2的正整数被称为windy数. windy想知道,在A和B之间,包括A和B,总共有多少个windy数? In ...