jQuery 网页特效编程

rain

next   下一 个
$('div').next().css('background','red');          div的下一个标签变色
prev  上一个
find 带有
$('div').find('h2').css('background','red');   h2的都变色
eq()  相当于下标
$('div').find('h2').eq(1).css('background','red');   第二个h2变色
index（）索引   //索引就是当前元素在所有兄弟节点中的位置
alert( $('#h').index() );

rain

filter : 过滤
not : filter的反义词
$('div').filter('.box').css('background','red');    box的变色
$('div').not('.box').css('background','red');    box的不变色，其他的变

has : 包含
$('div').has('span').css('background','red');   带有span的变色

rain

取值与赋值：
alert( $('li').html() );  //当一组元素的时候，取值是一组中的第一个
       
        $('li').html('hello');  //当一组元素的时候,赋值是一组中的所有

alert($('div').attr('title'));            读取title的值
        $('div').attr('title','456');          给title赋新值
        $('div').attr('class','box');          添加一个class=“box” 元素

rain

JQ的链式写法：

1. $('#div1').html('hello').css('background','red').click(function(){
   
2.                 alert(123);
   
3.         });

复制代码

原代码：

1. var oDiv = $('#div1');
   
2.         
   
3.         oDiv.html('hello');
   
4.         
   
5.         oDiv.css('background','red');
   
6.         
   
7.         oDiv.click(function(){
   
8.                 alert(123);
   
9.         });

复制代码