jQuery学习笔记1:基础核心-阿里云开发者社区

开发者社区> 技术小胖子> 正文

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,如需转载请自行联系原作者






版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Python零基础学习笔记(四)——数据类型
python数据类型:Number(数字):包括整数/浮点数(小数)/复数String(字符串)Boolean(布尔值)None(空值)list(列表)tuple(元组)dict(字典)set(集合)
1233 0
NLTK基础教程学习笔记(一)
由于之后图像上可能要结合NLP的问题加快节奏 刷一波NLTK,用python3
12006 0
【JavaScript框架封装】实现一个类似于JQuery的基础框架、事件框架、CSS框架、属性框架、内容框架、动画框架整体架构的搭建
版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/81055973 ...
871 0
Python零基础学习笔记(十六)—— if-elif-else语句
''' if-elif-else语句 格式: if 表达式1: 语句1 elif 表达式2: 语句2 elif 表达式3: 语句3 ...... elif 表达式4: 语句4 else: #可有可无 语句n 逻辑:当程序执行到if-elif-el.
1317 0
jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要)
JqGrid相关操作备忘 方法列表 1.获得当前列表行数:$("#gridid").getGridParam("reccount"); 2.获取选中行数据(json):$("#gridid").
1397 0
21119
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载