1、对同三个对象不超过3次操作的,能够写成一行。
jQuery的代码风格
1-6-2 //等待dom元素加载完毕. $.ready { var $cr = $; //jQuery对象 var cr = $cr.get; //DOM对象获取 2种方式 $cr[0] 或者 $cr.get $cr.click { if { //DOM方式判断 alert; } }) }); 我已经阅读了上面制度.
- 苹果
- 橘子
- 菠萝
4、对于七个指标的超多操作,能够整合2,3条。
注:jQuery对象皆以透过$函数正是多个jQuery对象的营造工厂。
1-4 //等待dom元素加载完毕. $.ready { var domObj = document.getElementsByTagName[0]; // Dom对象 var $jQueryObj = $; //jQuery对象 alert("DOM对象:" + domObj.innerHTML); alert("jQuery对象:" + $jQueryObj.html; 例子 你最喜欢的水果是?
4.可相信的事件处理机制
2、对于同多少个对象操作很多的,提议每行写一个操作。
注:链式操作。
1-6-1 //等待dom元素加载完毕. $.ready { var cr = document.getElementById; //DOM对象 var $cr = $; //jQuery对象 $cr.click { if { //jQuery方式判断 alert; } }) }); 我已经阅读了上面制度.
以上正是关于jquery学习的率先课,希望我们持续关心。
10.行为层与布局层分离
$.ready { //等待DOM元素加载完毕. alert; //弹出一个框 }); $.ready { //可以同时编写多个 alert; $ { //简写形式 alert;
7.佳绩的浏览器宽容性
jQuery优势:
jQuery对象是因而jQuery包装DOM对象后发生的目的。jQuery对象是jQuery唯有的,可以运用jQuery中的方法,但不能够动用DOM对象的不二等秘书籍。
DOM对象与jQuery对象足以相互转变,案比方下:1.DOM对象格局
jQuery是一个优秀的JavaScript库,它依赖简洁地语法和跨平台的宽容性,一点都不小地简化了开采职员遍历HTML文书档案,操作DOM,处监护人件,推行动漫和开垦Ajax操作。
2.jQuery指标方式
DOM(Document Object
Model,文书档案对象模型卡塔尔,每贰个DOM都足以代表成一棵树。JavaScript中的getElementById或许getElementByTagName来博取成分节点,那样的DOM成分正是DOM对象。
3.名特别巨惠的DOM操作的卷入
3、对于多个对象的为数非常的少操作,能够各样对象写一行,若是提到子成分,能够捏造适当的缩进。
DOM对象与jQuery对象
注:$ 正是jQuery的简写情势。
编纂轻便的jQuery代码:
1-4-3#menu { width:300px; }.has_children{ background : #555; color :#fff; cursor:pointer;}.highlight{ color : #fff; background : green;}div{ padding:0;}div a{ background : #888; display : none; float:left; width:300px;}//等待dom元素加载完毕.$.ready{ $.click.addClass //为当前元素增加highlight类 .children //将子节点的a元素显示出来并重新定位到上次操作的元素 .siblings().removeClass //获取元素的兄弟元素,并去掉他们的highlight类 .children; //将兄弟元素下的a元素隐藏 });}); 第1章-认识jQuery 1.1-JavaScript和JavaScript库 1.2-加入jQuery 1.3-编写简单jQuery代码 1.4-jQuery对象和DOM对象 1.5-解决jQuery和其它库的冲突 1.6-jQuery开发工具和插件 1.7-小结 第2章-jQuery选择器 2.1-jQuery选择器是什么 2.2-jQuery选择器的优势 2.3-jQuery选择器 2.4-应用jQuery改写示例 2.5-选择器中的一些注意事项 2.6-案例研究——类似淘宝网品牌列表的效果 2.7-还有其它选择器么? 2.8-小结 第3章-jQuery中的DOM操作 3.1-DOM操作的分类 3.2-jQuery中的DOM操作 3.3-案例研究——某网站超链接和图片提示效果 3.4-小结