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 加载模式

wKiom1Lrx8Lya7GfAAI4zgHEaHs149.jpg

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;





     本文转自stock0991 51CTO博客,原文链接:http://blog.51cto.com/qing0991/1355427,如需转载请自行联系原作者






相关文章
|
2月前
|
JavaScript 前端开发 API
web学习笔记(二十九)jQuery
web学习笔记(二十九)jQuery
28 0
|
2月前
|
JavaScript 前端开发 Windows
jQuery权威指南学习笔记
jQuery权威指南学习笔记
|
11月前
|
移动开发 JavaScript 前端开发
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
|
12月前
|
JavaScript 前端开发 Java
HTML+CSS+JS 学习笔记(四)———jQuery
HTML+CSS+JS 学习笔记(四)———jQuery
|
JavaScript 前端开发 索引
JavaScript学习笔记(五) jQuery
JavaScript学习笔记(五) jQuery
76 0
|
Web App开发 JavaScript 前端开发
jQuery学习笔记——jQuery基础
什么是jQuery?jQuery是一个快速、简洁的JavaScript库,其设计宗旨是“write less,do more”,倡导用更少的代码,做更多的事情。通过这段时间的学习,我感觉jQuery是一个“语法糖”,就像是包在糖果外面的包装,让js看起来更好看。
117 0
|
JavaScript 前端开发 API
jquery学习笔记
1.jquery是一个框架,是javasript框架。 2.jquery能做什么? *取得页面中元素,遍历DOM(document object model文档对象模型)树,jquery为了准确的获取需要检查活操纵的文档元素,提供了可靠而富有效率的选择符机制。
72 0
|
Web App开发 JSON JavaScript
html+css+js+jQuery学习笔记(二)
html+css+js+jQuery学习笔记
159 0
html+css+js+jQuery学习笔记(二)
|
前端开发 测试技术
html+css+js+jQuery学习笔记(一)
html+css+js+jQuery学习笔记
113 0
html+css+js+jQuery学习笔记(一)
|
Web App开发 JSON JavaScript
html+css+js+jQuery学习笔记(三)
html+css+js+jQuery学习笔记
111 0
html+css+js+jQuery学习笔记(三)