Jquery常见面试题

简介:   Jquery常见面试题。小编为大家准备了前端面试题系列,通过Web知识的整理以及经验的总结,希望能帮到更多的前端面试者。  1、jQuery库中的$()是什么?  $()函数是jQuery()函数的别称。

  Jquery常见面试题。小编为大家准备了前端面试题系列,通过Web知识的整理以及经验的总结,希望能帮到更多的前端面试者。

  1、jQuery库中的$()是什么?

  $()函数是jQuery()函数的别称。$()函数用于将任何对象包裹成jQuery对象,接着你就被允许调用定义在jQuery对象上的多个不同方法。你可以将一个选择器字符串传入$()函数,它会返回一个包含所有匹配的DOM元素数组的jQuery对象。

  2、如何找到所有HTMLselect标签的选中项?

  $('[name=selectname]:selected')

  3、$(this)和this关键字在jQuery中有何不同?

  $(this)返回一个jQuery对象,你可以对它调用多个jQuery方法,比如用text()获取文本,用val()获取值等等。

  而this代表当前元素,它是JavaScript关键词中的一个,表示上下文中的当前DOM元素。你不能对它调用jQuery方法,直到它被$()函数包裹,例如$(this)。

  4、jquery怎么移除标签onclick属性?

  获得a标签的onclick属性:$("a").attr("onclick")

  删除onclick属性:$("a").removeAttr("onclick")

  设置onclick属性:$("a").attr("onclick","test();")

  5、jquery中addClass、removeClass、toggleClass的使用。

  $(selector).addClass(class):为每个匹配的元素添加指定的类名

  $(selector).removeClass(class):从所有匹配的元素中删除全部或者指定的类,删除class中某个值;

  $(selector).toggleClass(class):如果存在(不存在)就删除(添加)一个类

  $(selector).removeAttr(class);删除class这个属性;

  6、JQuery有几种选择器?

  (1)、基本选择器:#id,class,element,*;

  (2)、层次选择器:parent>child,prev+next,prev~siblings

  (3)、基本过滤器选择器::first,:last,:not,:even,:odd,:eq,:gt,:lt

  (4)、内容过滤器选择器::contains,:empty,:has,:parent

  (5)、可见性过滤器选择器::hidden,:visible

  (6)、属性过滤器选择器:[attribute],[attribute=value],[attribute!=value],[attribute^=value],[attribute$=value],[attribute*=value]

  (7)、子元素过滤器选择器::nth-child,:first-child,:last-child,:only-child

  (8)、表单选择器::input,:text,:password,:radio,:checkbox,:submit等;

  (9)、表单过滤器选择器::enabled,:disabled,:checked,:selected

  7、jQuery中的Delegate()函数有什么作用?

  delegate()会在以下两个情况下使用到:

  1)、如果你有一个父元素,需要给其下的子元素添加事件,这时你可以使用delegate()了,代码如下:

  $("ul").delegate("li","click",function(){$(this).hide();});

  2)、当元素在当前页面中不可用时,可以使用delegate()

  8、$(document).ready()方法和window.onload有什么区别?

  (1)、window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行的。

  (2)、$(document).ready()方法可以在DOM载入就绪时就对其进行操纵,并调用执行绑定的函数。

  9、如何用jQuery禁用浏览器的前进后退按钮?

  实现代码如下:

  

  $(document).ready(function(){

  window.history.forward(1);

  //ORwindow.history.forward(-1);

  });

  

  10、jquery中$.get()提交和$.post()提交有区别吗?

  相同点:都是异步请求的方式来获取服务端的数据;

  异同点:

  1、请求方式不同:$.get()方法使用GET方法来进行异步请求的。$.post()方法使用POST方法来进行异步请求的。

  2、参数传递方式不同:get请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体内容发送给Web服务器的,这种传递是对用户不可见的。

  3、数据传输大小不同:get方式传输的数据大小不能超过2KB而POST要大的多

  4、安全问题:GET方式请求的数据会被浏览器缓存起来,因此有安全问题。

  11、写出一个简单的$.ajax()的请求方式?

  $.ajax({

  url:'http://www.baidu.com',

  type:'POST',

  data:data,

  cache:true,

  headers:{},

  beforeSend:function(){},

  success:function(){},

  error:function(){},

  complete:function(){}

  });

  ja

相关文章
|
5月前
|
JavaScript 前端开发 算法
JQuery 基本使用,2024BAT大厂Web前端社招面试题
JQuery 基本使用,2024BAT大厂Web前端社招面试题
JQuery 基本使用,2024BAT大厂Web前端社招面试题
|
JavaScript 前端开发
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
57 0
|
5月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
21天前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
43 2
|
4月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
55 1
|
22天前
|
JavaScript 前端开发
jQuery Growl 插件(消息提醒)
jQuery Growl 插件(消息提醒)
32 4
jQuery Growl 插件(消息提醒)
|
24天前
|
存储 JSON JavaScript
jQuery Cookie 插件
jQuery Cookie 插件
34 4
jQuery Cookie 插件
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
Validform jQuery插件详解
【8月更文挑战第21天】
|
4月前
|
JavaScript Perl PHP
一篇文章讲明白jQuery插件之jqueryeditableplugin
一篇文章讲明白jQuery插件之jqueryeditableplugin
30 0

相关实验场景

更多