课件btc jquery01第二章基础语法_第1页
课件btc jquery01第二章基础语法_第2页
课件btc jquery01第二章基础语法_第3页
课件btc jquery01第二章基础语法_第4页
课件btc jquery01第二章基础语法_第5页
已阅读5页，还剩7页未读， 继续免费阅读

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第二章JQuery基础语法知识点回顾Jquery特点轻量级（Lightweight）强大的选择器出色的DOM操作封装可靠的事件处理机制出色的浏览器兼容性2本讲目标Jquery基础语法Jquery与DOM对象3jQuery基础语法基础语法是：$(selector).action()美元符号定义jQuery（又称工厂函数）选择器（selector）“查询”和“查找”HTML元素action()执行对元素的操作示例$(this).hide() //隐藏当前元素$("p").hide() //隐藏所有段落$("p.test").hide() //隐藏所有class="test"的段落$("#test").hide() //隐藏第id="test"的元素4链式风格对于同一对象不超过3个操作，可直接写一行对同一对象的操作较多，建议每行写一个操作添加必要注释jQuery代码风格$("has_children").click(function(){

$(this) .addClass("highLight") .children("a").show().end()

.siblings().removeClass("highLight")

.children("a").hide();

});5$(document).ready()：类似window.onload

定义文档加载完后执行的函数文档就绪函数<head><scripttype="text/javascript"src="jquery.js"></script><scripttype="text/javascript">$(document).ready(function(){ alert("HelloWorld!");});</script></head>这是为了防止文档在完全加载（就绪）之前运行jQuery代码。如果在文档没有完全加载之前就运行函数，操作可能失败。6文档就绪函数window.onload与$(document).ready()的对比window.onload$(document).ready()执行

时机必须等网页中所有内容加载完后（包括图片）才能执行网页中所有DOM结构绘制完后就执行编写

个数不能编写多个

window.onload=function(){};

window.onload=function(){};此时第二个覆盖第一个能同时编写多个

$(document).ready(function(){});$(document).ready(function(){});两个函数都执行简化

写法无$()7DOM对象：HTML的文档对象模型中的元素对象。可通过javascript的以下方法获取jQuery对象：经jQuery包装后的DOM对象两者拥有的方法不同jQuery对象与DOM对象document.getElementById("test")document.getElementsByTagName("p")$("#test")$("p")8jQuery对象与DOM对象相互转换jQuery对象转成DOM对象var$test=$("#test");vartest=$test[0]; //jQuery对象是一个数组，可通过索引得到DOM对象或vartest=$test.get(0); //用jQuery提供的get(index)方法得到DOM对象vartest=document.getElementById("test");var$test=$(test); //用jQuery的工厂方法9解决jQuery与其它库的冲突jQuery在其它库之后导入jQuery.noConflict();让出$使用权然后用jQuery而不用$jQuery在其它库之前导入直接用jQuery而不用$，同时，可以使用$()方法作为其它库的快捷方式10总结Jquery基础语法

$(selector).action()Jquery与

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论