20个你必须要知道的jQuery知识点(下)
沉沙 2018-06-22 来源 : 阅读 1111 评论 0

摘要:本篇为20个你必须要知道的jQuery知识点(下)篇,讲解了10个jQuery关键知识点,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。

11.$(this)和this关键字在jQuery中有何异同?

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

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

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

 

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

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

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

jQuery还有一个方法prop() ,同样可以实现上述功能:

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

 

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

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

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

使用prop():

1. $("input").each(function(){  
2.     alert($(this).prop("value","我是新value"));  
3. });

新的问题出现了 attr()和prop() 的区别:

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

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

3.其他则使用attr();

 20个你必须要知道的jQuery知识点(下)

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引擎。

 

本文由职坐标整理发布,更多相关内容,请关注职坐标WEB前端jQuery频道!

本文由 @沉沙 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程