jquery基础教程笔记

1.xpath选择符: $('#test > li').addClass('classStyle');
    $('#test li:not(.classStyle)').addClass('classStyle1');
2.属性选择符：所有带title属性的链接  $('a[@title]').属性选择符允许类似正则表达式来表识字符串的开始(^)和结尾($),任意位置(*)
 eg:$('a[@href^="test:"]').addClass('classStyle');
 eg:$('a[@href$=".pdf"]').addClass('classStyle');
 eg:$('a[@href*="test:"]').addClass('classStyle');
3.自定义选择符：
 $('div.classStyle:eq(1)');
 $('tr:odd').addCalss('odd');  $('tr:even').addCalss('even');
 $('td:contains("keyWords")').addClass('hightlight');
4.DOM遍历:
 $('tr').filter('.odd').addClass('odd');
 
 $('th').parent().addClass('table-heading');
 $("tr:not[th]:even").addClass('even');
 $("tr:not[th]:odd").addClass('odd');
5.连缀，分行
 $('td : contains("keyWords")')  //取得包含“keywords”
 .parent()   //取得他的父元素
 .find('td:eq(1)')  //在父元素中查找第二个单元格
 .addClass('hightClass')  //为该单元格添加'hightClass'类
 .end()    //恢复到包含“keywords”的单元格的父元素
 .find('td:eq(2)')  //在父元素中查找第3个单元格
 .addClass('hightClass');    //为该单元格添加'hightClass'类

6.例子：$("#testSelect>button").bind('click', function(){
    $('body').removeClass();    
     var $speech=$("#test");
     var currentSize=$speech.css('fontSize');
     var num =parseFloat(currentSize,10);  //十进制数
     var unit=currentSize.slice(-2); //倒数第二个开始
    if(this.id=='small'){
     //$('body').addClass('large');
     num-=4;
    }else if(this.id=='big'){
     //$('body').addClass('small');     
     num+=4;
    }else if(this.id=='nomal'){
     $('body').addClass('nomal'); 
    }
    $speech.css('fontSize',num+unit);
    $('#testSelect>button').removeClass('select');
    $(this).addClass('select');     
   })
   
   $('#testSelect>button').hover(
    function(){
     if(!$(this).hasClass('select')){
      $(this).addClass('hover')
      }
    },function(){
     $(this).removeClass('hover');
    }
.large{ font-size:36px;}
.small{ font-size:8px;}
.nomal{ font-size:20px;}
.select{ background:#9F0;}
7.事件的旅程：允许多个元素单击事件的一种策略叫事件捕获。在事件捕获的过程，事件首先会交给最外层的元素，接着交给具体的元素
另一种相反的策略叫事件冒泡，当事件发生时，先交给具体的元素，接着事件会向上冒泡到更高的一般元素.为了提供跨浏览器的一致性，jquery始终会在模型的冒泡阶段注册时间的处理程序，因此我们总是假定最具体的元素首先会获得响应事件的机会
8.阻止事件冒泡  事件对象  ====event.stopPropagation();
 $('#test').click(function(event){
  if(event.target==this){ $('#test .button').toggleClass('hidden')}
 
 })

9.DOM操作方法的简单总结
 .append() .appendTo() .prepend() .prependTo()
 .after() .insertAfter() .before() .insertBefore()
 .wrap()  .html()  .text()  .empty() .remove()

10.全局函数：$getJSON('b.json'); $.getScript('c.js')
11.向文档中注入<script>标签：
 $(document.createElement_x('script')).attr( 'src' ,'http://example.com/example.js').appendTo('head');