时间:2019-10-28 编辑:
1、什么是JQuery?
它是js的一个框架,它是开源的项目。对底层的js进行封装,我们通过js框架就可以快速的完成DOM
对元素的增删改查操作,并提供了动画功能。jquery对外提供api让开发者去开发jquery
插件(就是一个功能模块,用户只要做一些简单的配置就完成复杂的功能)。jquery目前
是比较流行的一个JQuery框架。(宗旨:写得少,做的多)。
2、JQuery特点:
轻量级
强大的选择器
出色的DOM封装
可靠的事件处理机制
完善的Ajax
出色的浏览器兼容性
丰富的插件支持
完善的文档
支持链式操作
————————————————
jQuery.parent(expr) //找父元素
jQuery.parents(expr) //找到所有祖先元素,不限于父元素
jQuery.children(expr) //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙
jQuery.contents() //查找下面的所有内容,包括节点和文本。
jQuery.prev() //查找上一个兄弟节点,不是所有的兄弟节点
jQuery.prevAll() //查找所有之前的兄弟节点
jQuery.next() //查找下一个兄弟节点,不是所有的兄弟节点
jQuery.nextAll() //查找所有之后的兄弟节点
jQuery.siblings() //查找兄弟节点,不分前后
jQuery.find(expr) //跟jQuery.filter(expr)完全不一样,jQuery.filter(expr)是从
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素
$("div") 选择所有的div标签元素,返回div元素数组
$(".myClass") 选择使用myClass类的css的所有元素
$("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass")
3、JQuery的环境配置
1)官网:http://www.jquery.com
2)去下载jquery库文件:
通常有两个版本:
*未压缩版本:--用在开发和调试。(我们下载此版本)
*压缩版本:--产品发布的时候使用,可以提高性能和减少带宽
4、在html页面中如何使用jQuery?
使用<script src="jquery.js" type="text/javascript"></script>引入
5、在<script></script>内编写jquery脚本
/*当文档解析完毕好以后去执行一个函数*/ // 第一种写法 jQuery(document).ready(function(){ alert("hello,jQuery"); }); // 第二种写法 $(document).ready(function(){ alert("hello,jQuery"); }) // 第三种写法 $(function(){ alert("hello,jQuery"); })
注意:jQuery可以使用$符号作为别名。
强调:和window.οnlοad=function(){}区别?
*加载时机不同,$(function(){})优先于window.οnlοad=function(){}先执行
*执行的次数不同,window.οnlοad=function(){}只会执行最后一个绑定的函数。
$(function(){})可以绑定多个函数来分别执行。
6、JQuery对象和DOM对象之间的关系,他们之间如何去转换?
*使用DOM方法来查询得到的结果是DOM对象,它只能访问DOM对象中所提供的属性和方法。
*使用JQuery查询得到的结果是Jquery对象,它只能访问jQuery对象中所提供的属性和方法。
也就是说JQuery对象不能调用DOM对象的属性和方法,反之也一样。
注意:养成一个良好的书写习惯,JQuery对象的变量名最好以$开头。
记住:JQuery查询出来的结果是一个对象数组,就算根据id来进行查询就是返回的是一个对象数组。数组内存放的是DOM对象。
*JQuery对象转换成DOM对象,通过[下标]就可以转,或者get(下标)方法来取出数据就是DOM对象
*DOM对象转换成JQuery对象,通过$()工厂函数就可以了,把DOM对象作为参数传给$()函数,那么就把DOM对象转换成了JQuery对象。