Jquery 学习笔记
2012-07-25 16:34
218 查看
1. 属性选择符允许以正则表达式的语法来标识字符串的开始(^)和结尾($),而且也可以使用星号(*)表示位于字符串中任意位置的值,使用感叹号(!)表示相反的值. 支持组合使用. 如:
2. :nth-child是Jquery中唯一从1开始计数的选择符.odd是偶数,even是单数.
3. :contains 选择器 选取包含指定字符串的元素。该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。经常与其他元素/选择器一起使用,来选择指定的组中包含指定文本的元素.
4. 为了保证js代码执行之前已经应用了样式,最好是在<head>元素中把<link rel="stylesheet">放在<script>之前.
5. 此处的 $("img", $(this)) 表示 要同时满足2个条件 与下面的例子不同 注意引号的范围!
$('a[href^=http][href*=henry]').addClass('henryLink');
2. :nth-child是Jquery中唯一从1开始计数的选择符.odd是偶数,even是单数.
$('tr:nth-child(even)').addClass('alt');
3. :contains 选择器 选取包含指定字符串的元素。该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。经常与其他元素/选择器一起使用,来选择指定的组中包含指定文本的元素.
$('td:contains(henry)').addClass('highlight');
4. 为了保证js代码执行之前已经应用了样式,最好是在<head>元素中把<link rel="stylesheet">放在<script>之前.
5. 此处的 $("img", $(this)) 表示 要同时满足2个条件 与下面的例子不同 注意引号的范围!
var $self = $(this); $self.prev().slideToggle(600, function(){ $("img", $self).attr("src", "images/up.gif"); }
//选择 所有的span元素和id为two的div元素 $('#btn5').click(function(){ $('span,#two').css("background", "#bfa"); });
相关文章推荐
- 20151221jquery学习笔记--验证插件
- jquery学习笔记之Ajax应用(内含jquery十一天学习笔记链接)
- Jquery-zTree学习笔记
- JQUERY1.9学习笔记 之基本过滤器(四) 首元素选择器
- JQuery学习笔记(四)
- jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要) .
- jQuery 学习笔记
- ajax,json学习笔记(三)JSON和jquery实现ajax
- Jquery.datatables 学习笔记之自定义button按钮
- 菜鸟的jQuery源码学习笔记(前言)
- 前端学习笔记(zepto或jquery)——对li标签的相关操作(二)
- jQuery学习笔记
- jQuery学习笔记
- JQuery学习笔记(五)——复制、替换和包裹节点
- JQuery学习笔记(六)——css操作、事件处理和动画
- jquery 学习笔记
- JQuery 参考手册 学习笔记(2)-jquery 对象访问
- jQuery学习笔记[1] jQuery中的DOM操作
- jquery学习笔记—jQuery选择器
- 锋利的jQuery第2版学习笔记8~11章