jquery基础知识第一讲之认识jquery_jquery

jquery基础知识第一讲之认识jquery_jquery

ID:30769539

大小:95.00 KB

页数:6页

时间:2019-01-03

上传者:U-991
jquery基础知识第一讲之认识jquery_jquery_第1页
jquery基础知识第一讲之认识jquery_jquery_第2页
jquery基础知识第一讲之认识jquery_jquery_第3页
jquery基础知识第一讲之认识jquery_jquery_第4页
jquery基础知识第一讲之认识jquery_jquery_第5页
资源描述:

《jquery基础知识第一讲之认识jquery_jquery》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

jquery基础知识第一讲之认识jqueryjQuery是一个优秀的JavaScript库,它凭借简洁地语法和跨平台的兼容性,极大地简化了开发人员遍历HTML文档,操作DOM,处理事件,执行动画和开发Ajax操作。jQuery优势:1.轻量级2.强大的选择器3.出色的DOM操作的封装4.口J靠的事件处理机制5.完善的Ajax6.不污染顶级变量7.出色的浏览器兼容性8.链式操作方式9.隐式迭代10.行为层与结构层分离11•丰富的插件支持12.完善的文档13.开源(1)编写简单的jQuery代码:注:$就是jQuery的简写形式。〈/script>$(document).ready(function(){//等待DOM元素加载完毕.(可能DOM元素关联的文件没有加载完) alert("HelloWorld!,z);//弹岀一个框});$(document).ready(function(){//可以同吋编写多个alert("Helloagain!〃);});$(function(){//简写形式alert(z,HellojQuery!,z);});(1)jQuery的代码风格注:链式操作。1、对同一个对象不超过3次操作的,可以写成一行。2、对于同一个对彖操作较多的,建议每行写一个操作。3、对于多个对象的少量操作,可以每个对象写一行,如果涉及子元素,可以考虑适当的缩进。4、对于多个对象的较多操作,可以结合2,3条。添加必要的注释。l-4-3Wmenu{width:300px;}.has_children{background:#555;color:#fff;cursor:pointer;}.highlight{ color:#fff;background:green;}div{padding:0;}diva{background:#888;display:none;float:left;width:300px;}第1章-认识jQueryl.1-JavaScript和JavaScript库〈/a>l.2-加入jQucryl.3-编写简单jQuery代码〈/a>l.4-jQuery对彖和DOM对彖〈/a>l.5-解决jQuery和其它库的冲突〈/a>l.6-jQuery开发工具和插件1.7-小结〈/a〉

第2章-jQuery选择器2.1-jQuery选择器是什么〈/a>2.2-jQuery选择器的优势〈/a>2.3-jQuery选择器〈/a>2.4-应用jQuery改写示例〈/a>2.5-选择器中的一些注意事项〈/a>2.6-案例研究——类似淘宝网品牌列表的效果〈/小2.7-iE冇其它选择器么?2.8-小结
第3章-jQuery中的DOM操作3.l-DOM操作的分类〈/a>3.2-jQuery中的DOM操作〈/a>3.3-案例研究——某网站超链接和图片提示效果〈/a>3.4-小结〈/a>
(1)DOM对象与jQuery对象DOM(DocumentObjectModel,文档对象模型),每一个DOM都可以表示成一棵树。JavaScript屮的getElementByld或者getElementByTagName来获取元素节点,这样的DOM元素就是DOM对彖。jQuery对象是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,口J以使用jQuery中的方法,但不能使用DOM对象的方法。注:jQuery对彖都是通过$()函数制造出来的,$()函数就是一个jQuery对象的制造工厂。l~4//等待dom元素加载完毕. $(document).ready(function(){vardomObj=document.getElementsByTagName(,zh3,z)[0];//Dom对var$jQueryObj二$(domObj);//jQuery对象alert(^DOM对象:"+domObj.innerHTML);alert("jQuery对象:"+$jQueryObj.html());});〈h3>例子你最喜欢的水杲是?〈/p>
    〈li>苹果〈li>橘子〈li>菠萝
DOM对象与jQuery对象可以相互转换,案例如下:1.DOM对象方式l-6~2〈/script>〃等待dom元素加载完毕.$(document).ready(function(){var$cr二$(〃#cr〃);//jQuery对象varcr二$cr.get(0);//DOM对象获取2种方式$cr[0]或者$cr.get(0)$cr.click(function(){if(cr.checked){//DOM方式判断alertC感谢你的支持!你可以继续操作!〃);}})}); 〈inputtype二〃checkbox"id二〃/>我已经阅读了上面制度.2.jQuery对象方式l-6-l〃等待dom元索加载完毕.$(document).rcddy(function(){varcr=document.getElementByld(z,cr,z);//DOM对彖var$cr=$(cr);//jQuery对彖$cr.click(function(){if($cr.is(":checked")){//jQuery方式判断alertC感谢你的支持!你可以继续操作!〃);}})});我已经阅读了上面制度.以上就是关于jquery学习的第一课,希望大家继续关注。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
最近更新
更多
大家都在看
近期热门
相关标签
关闭