jquery基础知识总结

2019-10-28 407

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对象。

以上就是jquery基础知识总结的详细内容,更多请关注php知识-学习天地 www.lxywzjs.com其它相关文章!

分享至:

分享到QQ空间 分享到朋友社区 新浪微博分享

栏目地图