JQuery基础_02

• attr和removeAttr
  
  • attr属性
  • removeAttr
  • 例子：

            $("#input").attr("type");            // 获得属性            $("#input").attr("value");            //修改单个属性            $("#input").attr("type","button");            //1.7版本jquery不能改type            $("#input").css({borderColor:"green",color:"red",fontSize:"60px"});            //修改css属性            //修改多个属性是"{ }" 以对象的形式            $("#input").removeAttr("value");            //删除属性

• jQuery.noConflict([extreme])
  
  • noConflict
  • 取别名例子:

        var jq=jQuery.noConflict();        //创建一个新的别名用以在接下来的库中使用jQuery对象(取别名)。        //这样写过后在这个页面使用jquery对象就要用jq，不用"$".        jq("p").click(                function(){                    alert("p标签点击事件第一种写法")                }); 

• click事件
  
  • click事件
  • 触发每一个匹配元素的click事件(点击事件)。
  • 例子:

var jq=jQuery.noConflict();        //取别名         jq(document).ready(            function(){                jq("p").click(                function(){                    alert("p标签点击事件第一种写法")                });         //第二种写法        jq().ready(            function(){                jq("p").click(                function(){                    alert("p标签点击事件第二种写法")                });         });        //第三种写法        jq(function(){            jq("p").click(                function(){                    alert("p标签点击事件第三种写法")                });         });

注意这里的点击事件绑定到了ready事件，这里写了ready事件的三种写法，第一种比较常用。ready事件

• ready同一个对象绑定多个事件例子：

// 绑定多个事件    jq(function(){        jq("span").bind(        {            click:function(){jq("span").css("color","yellow")},            mouseover:function(){jq("span").css("color","red")},            mouseout:function(){jq("span").css("color","blue")},            dblclick:function(){jq("span").css({color:"green",fontSize:"30px"})},        }            );    });    //jq是取的别名，多个事件是以对象的形式。    //ready不应与onload一起使用

还有很多事件、函数、筛选器等等，不一一列举，需要用的时候查相应 的API

JQuery中文API链接