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基礎