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链接