jquery相关知识点

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lihuijuan_1/article/details/86620520

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

$() 是jquery() 函数的别称, $() 将对象封装成jquery对象,
就可以调用jquery函数里定义的方法,将一个选择器放入 $()里,就能获取DOM里所有的对象。

2,如何找到所有 HTML select 标签的选中项?

$("[type=select]:selected")
$(’[name=selectname]:selected’)

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

$(this)是jquery中的对象,可以用来调用多个方法, $(this).text(),获取文本val()获取值

this指当前元素,jq的关键字,是谁调用的它,它就指向谁,不能调用jq的方法,直到被$()包裹

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

获得属性$(‘input’).attr(‘onclick’)
移除属性 $(‘input’).removeAttr(‘onclick’)
设置属性 $(‘input’).attr(‘onclick’,‘text()’)

6、JQuery有几种选择器?

  • 1)基本选择器:#box,.box,name,p,*
  • 2)层次选择器
    parent>child ,prev+next ,prev ~ siblings
  • 3)基本过滤选择器
    :last,:first,:odd,:even,:gt
  • 4)子元素过滤
    :nth-child(),first-child(),only-child(),last-child()
  • 5)内容过滤
    :contains,
  • 6)可见性过滤
    :hidden,:visible
  • 7)属性过滤$(’[type:input]:selected’),[name!=username],[attribute*=value]
  • 8)表单选择: :input ,:text ,:password ,:radio ,:checkbox ,:submit
  • 9)表单过滤:checked,:selected,:disabled,:enabled
  • 9):hover,:focus

    • 1,id选择器 $(’#box’)
  • 2,类选择器 $(’.box’)
  • 3,标签名 $(‘p’)
  • 5,后代选择器 .box>a
  • 6,相邻选择器 .parent .p
  • 7,兄弟选择器 .child1+.child2
  • 8子选择器
  • 9,nth-child(),nth-first(),nth-last()

7,$(document).ready和window.onload有什么区别

  • 1)window.onload是在页面中的所有元素(包括外联元素)全部加载完毕再执行
  • 2)$(document).ready()是在DOM就绪的时候就可以进行操作,并调用绑定的函数

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

$(document).ready(function(){
	window.history.forward(1)
})

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

  • 1get提交参数放在url上,post放在请求体里,对用户不可见
  • 2get请求的数据会被浏览器缓存起来,不安全
  • 3get的请求方式是get
  • 4传输大小不一样,get比较小2kb

10,jQuery的事件委托方法bind 、live、delegate、on之间有什么区别?

get选择的元素绑定特定事件类型的监听函数

  • bind:【jq1.3之前】
    特点:
    * 1适用于页面的静态元素绑定,不能绑定未来的元素
    * 2,当页面加载完之后才可以执行,可能产生效率问题
  • live :【1.3之后】
    特点:
    *并没有将监听器绑定到自己(this)身上,而是绑定到了this.context上了
    *利用了事件委托机制来绑定监听,委托到document上了,新添加的元素不需要再次绑定监听器。
    *直接放在元素后面,不能添加层次,例如$(‘a’).text().live()不对
  • delegate【1.4.2中引入】
    特点
    *将监听放在就近的父元素上,因为事件可以更快的冒泡上去,能够第一时间进行处理
    *更精确的小范围使用事件代理,可以绑定在动态元素上
  • on:现在常用的绑定
$(".box").bind('click',function(){})
$(".box").on('click',function(){})
$(".box").delegate('table','click',function(){})
$(".box").on('click','table',function(){})

11,Ajax的优缺点及工作原理

猜你喜欢

转载自blog.csdn.net/lihuijuan_1/article/details/86620520