1、页面元素的引用:通过jQuery的$()函数,可以引用页面元素,包括通过id、class、元素名以及元素的层级关系及DOM或XPath条件等方法,返回的对象为jQuery对象(集合对象),不能直接调用DOM定义的方法。
2、jQuery对象与DOM对象的转换:只有jQuery对象才能使用jQuery定义的方法,注意DOM对象和jQuery对象是有区别的,调用方法时要注意操作的是DOM对象还是jQuery对象,普通的DOM对象一般可以通过$()转换成jQuery对象。$(document.getElementById("msg"))则为jQuery对象,可以使用jQuery的方法。
3、获取jQuery集合的某一项:对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jQuery对象,而get(n)和索引返回的是DOM元素对象。
4、同一函数实现set和get:jQuery中的很多方法都是如此,主要包括如下几个:$("#msg").html(); //返回id为msg的元素节点的html内容。//将"new content" 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content $("#msg").text(); //返回id为msg的元素节点的文本内容。//将"new content" 作为普通文本串写入id为msg的元素节点内容中,页面显示new content。
5、集合处理功能:对于jQuery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理,jQuery已经为我们提供的很方便的方法进行集合的处理。
6、扩展我们需要的功能:}); //为jQuery扩展了min,max两个方法 使用扩展的方法(通过"$.方法名"调用):。
7、支持方法的连写:所谓连写,即可以对一个jQuery对象连续调用各种不同的方法。
8、操作元素的样式:主要包括以下几种方式:$("#msg").css("background"); //返回元素的背景颜色 $("#msg").css("background","#ccc") //设定元素背景为灰色。
9、完善的事件处理功能:Jquery已经为我们提供了各种事件处理方法,我们无需在html元素上直接写事件,而可以直接为通过jquery获取的对象添加事件。
相关问题与解答:
Q1: 如何将DOM对象转换为jQuery对象?
A1: 可以通过$()函数将DOM对象转换为jQuery对象。$(document.getElementById("msg"))则为jQuery对象,可以使用jQuery的方法。
Q2: 如何获取jQuery集合的某一项?
A2: 对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,需要注意的是,eq返回的是jQuery对象,而get(n)和索引返回的是DOM元素对象。
以上内容就是解答有关“jquery常用技巧及常用方法列表集合-jquery”的详细内容了,我相信这篇文章可以为您解决一些疑惑,有任何问题欢迎留言反馈,谢谢阅读。