步步為營-56-JQuery基礎

標籤：匿名   img   基本   http   att   btn   3.3   3.1   document   

jQuery本質還是封裝好的js,只不過代碼更簡潔,而做的更好

使用JQuery選取器會返回一個jQuery對象,其本質是dom數組,jQuery對象可以調用JQuery方法.

1 基本選取器

　　1.1 id選取器

　　　　jquery　　 ==>  　　$(‘#btnShow‘);

　　　　js　　　　  ==>  　　document.getElementById(‘btnShow‘);

　　1.2 標籤選取器

        　　jquery　　 ==> 　　$(‘img‘);
        　　js　　　　  ==>  　　document.getElementsByTagName(‘img‘);

　　1.3 類別選取器

　　　　 js　　　　  ==>  　　document.getElementsByClassName(‘test‘);

2 屬性

　　2.1 prop 表示HTML原有的屬性

　　2.2 attr 表示擴充屬性(較常用)

　　2.3 屬性

　　　　2.3.1 設定屬性
　　       $(‘a‘).attr(‘href‘,‘http://www.baidu.com‘);

　　　　2.3.2 移除屬性

　　 　　$(‘a‘).removeAttr(‘href‘, ‘http://www.baidu.com‘);

　　　　2.3.3 擷取value屬性的值比較特殊

　　　　$(‘#btnShow‘).val();

　　　　2.3.4 設定value屬性的值比較特殊

　　　　$(‘#btnShow‘).val(‘張三‘);

　　　　

3 事件

　　3.1 方式一 bind(事件類型,處理函數);

　　3.2 方式二 事件類型(處理函數);  事件類型和DOM中的相同,去掉on首碼.

　　3.3 綁定點擊事件,去掉on,用括弧

 　　 $(‘#btnShow‘).click(function() {
            alert(‘匿名函數做參數‘);

　　　　alert(this.value);//this是dom對象,不能調用jQuery方法
        });

　　3.4 卸載事件

　　unbind();//移除所有事件處理常式 

　　unbind(‘clicke‘);//移除所有事件處理常式 

步步為營-56-JQuery基礎