您的位置:首页 > Web前端 > JQuery

Jquery 学习笔记

2012-07-25 16:34 218 查看
  1. 属性选择符允许以正则表达式的语法来标识字符串的开始(^)和结尾($),而且也可以使用星号(*)表示位于字符串中任意位置的值,使用感叹号(!)表示相反的值. 支持组合使用. 如:

$('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");
});


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: