jQuery学习笔记1:基础核心
1 代码风格
1.1 $本身就是jQuery对象的缩写
$===jQuery
1.2 连缀
jQuery最终返回的是jQuery对象,因此可以连缀处理。
alert($); //jQuery对象的内部
alert($()); //返回的jQuery对象
alert($(‘#box‘)); //返回的也是jQuery对象
alert($(‘#box‘).css(‘color‘, ‘red‘)); //还是返回的jQuery对象
例子:
$(‘#box‘).css(‘color‘, ‘red‘).css(‘font-size‘, ‘200px‘).css(‘font-weight‘, ‘bold‘);
2 加载模式
3 对象互换
alert($(‘#box‘)); //返回jQuery对象
alert(document.getElementById(‘box‘)); //[object HTMLDivElement],原生DOM对象
alert($(‘#box‘).get(0)); //[object HTMLDivElement]
alert($(document.getElementById(‘box‘)).css(‘color‘, ‘red‘)); //jQuery对象和DOM对象之间的互换
4 多个JavaScript库之间冲突
Prototype、Base和jQuery等都是使用$作为基础起始符,若想和jQuery共容,建议将jQuery库引用放在其他库之前,那么$所有权就是其他库的。jQuery可以直接用jQuery对象调用,或创建一个“$$”符号给jQuery使用。
var $$ = jQuery;
备注:若在其他库之后,可以采用如下处理。
jQuery.noConflict(); //自行了断,把自己的$所有权剔除
var $$ = jQuery;
本文出自 “IT技术学习与交流” 博客,谢绝转载!
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。