您的位置:首页 > Web前端 > JQuery

jQuery中一些必须要知道的知识点总结--20个(下)

2017-03-28 07:52 369 查看

11.$(this)和this关键字在jQuery中有何异同?--续上一篇

这是一个简单却很好的问题。

$(this)返回的是一个jQuery对象,我们可以对它调用jQuery的特有方法,例如:text() 获取文本,val() 获取值,html()获取标签中的内容(如果有html语言,一并获取)。

this 代表当前元素,是javascript中关键字中的一个,表示上下文中的当前DOM元素。this不可以调用jQuery的方法,所以需要使用 $() 函数将this包裹,转换为jQuery对象---$(this).

12.如何使用jQuery来提取一个HTML标记的属性?

jQuery提供的attr()方法(【翻译:attribute--属性;特征】)可以用来提取任意一个HTML元素的一个属性的值。我们首先需要利用jQuery选择器及选取到所有的链接或者一个特定的链接,然后在应用attr()方法来获得它们的一个属性,如 value 属性的值。

$("input").each(function(){
alert($(this).attr("value"));
});


jQuery还有一个方法prop() (【翻译:property--特性】),同样可以实现上述功能:

$("input").each(function(){
alert($(this).prop("value"));
});


13.如何使用jQuery设置一个属性值?

同样是attr()方法,在参数列表里加上一个value值:

$("input").each(function(){
alert($(this).attr("value","我是新value"));
});


使用prop():

$("input").each(function(){
alert($(this).prop("value","我是新value"));
});
新的问题出现了 attr()和prop() 的区别:

1.添加属性名称该属性就会生效应该使用prop();

2.是有true,false两个属性使用prop();

3.其他则使用attr();



14.jQuery中detach()和remove()方法的区别?

detach()和remove()两个方法都可以用来移除一个DOM元素,二者的主要不同在于detach()会保持对过去被解除元素的跟踪,因此它可以被取消移除;而remove()方法则会保持过去被移除对象的引用。

15.如何利用jQuery 来向一个元素中添加和移除CSS类?

使用jQuery提供的 addClass()和removeClass() 两个方法。

动态的改变元素的class属性可以很简单---使用类“.active”来标记它们的状态为激活或未激活。

16.使用CDN加载jQuery库的主要优势?

除了报错节省服务器带宽以及更快的下载速度这些好处之外,最重要的是,如果浏览器已经从同一个CDN下载类相同的jQuery版本,那么它就不会再去下载它一次。许多公共的网站都将 jQuery用于用户交互和动画,如果浏览器已经有了下载好的jQuery库,网站就能有非常好的展示机会。

17.jQuery.get()和jQuery.ajax()方法之间的区别是什么?

ajax()方法更强大,更具可配置性,可以指定等待时间,以及如何处理错误。get()方法是一个 只获取一些数据的专门化方法。

18.jQuery中的方法链是什么?使用方法链有什么好处?

方法链是对一个方法返回的结果调用另一个方法,这使得代码简洁明了,同时由于只对DOM进行了一轮查找,性能方面更加出色。这一点类似java中的链式编程。

19.一个jQuery事件处理程序里返回了false会怎样

通常用于阻止事件向上冒泡。

20.document.getElementbyId("myId") 与$("#myId") 哪个方式更高效?

document.getElementbyId("myId"),直接调用了javascript引擎。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息