Jquery 学习笔记

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

 

 

　　

posted @ 2012-07-25 16:34  vincent_ds  Views(173)  Comments(0)  Edit  收藏  举报