jQuery 能做什么?
jquery是一个丰富的js库,内部对js的很多复杂的方法进行了封装和加工,比如js很多方法名很冗长,jquery封装后方法就变得简便了,也考虑到了跨浏览器兼容问题,这样我们用js时需要考虑的很多问题它都帮我们解决了,这样我们使用时就比js代码要方便,高效的多;
绑定事件:$('#btn').on()
设置css:$('#btn').css()
获取到值:$('#btn').val()
设置value:$('#btn').html()
设置class:$('#btn').attr('class','button')
jQuery 对象和 DOM 原生对象有什么区别?如何转化?
jquery对象是jquery得来的,是对DOM原生对象的包装,拥有jquery的属性和方法。console.log()则会得到一个[对象],近似一个类数组对象。
DOM原生对象:DOM是浏览器提供我们的api,让我们能去操作文档。而其中的原生对象就是dom上的元素。同时具有相关的内置的原生对象的方法和属性
jquery 提供了2种方法把jquery转换成DOM对象,即[index]和get(index)。
- 1)jquery对象是个类数组对象,可以通过[index]的方法得到相应的DOM对象。
var $cr = $('#cr') //jquery 对象
var cr = #cr[0] //DOM对象
alert (cr.checked) //检测这个checked是否被选中
- 2)对于DOM对象,只需要用$()把DOM对象包装起来,就可以获得jQuery对象了。
var cr = document.querySelector("cr"); //DOM对象
var cr = $(cr); //jquery 对象
jQuery中如何绑定事件?bind、unbind、delegate、live、on、off都有什么作用?推荐使用哪种?使用on绑定事件使用事件代理的写法?
bind是为一个元素绑定一个事件处理
unbind从元素上删除一个以前附加事件处理程序。
live是附加一个事件处理器到匹配目前选择器的所有元素。
delegate:为所有匹配选择器的元素绑定一个或多个事件处理函数,基于一个指定的根元素的子集
on:在选定的元素上绑定一个或多个事件处理函数
off:移除一个事件处理函数
推荐使用on和off 因为之前的版本中都已经丢弃了bind,delegate等
实例:$("elem").on('click',function(){....})
使用on绑定事件使用事件代理
$("elem").on('click',"ele2",function(){....})
ele作为ele2的事件代理
jQuery 如何展示/隐藏元素?
.show( [duration ] [, easing ] [, complete ] )展示元素
.hide([duration ] [,easing ] [,complete ])显示元素
jQuery 动画如何使用?
如何设置和获取元素内部 HTML 内容?如何设置和获取元素内部文本?
$(selector).html()如果没有参数,就是获取元素的html,如果有参数就是设置元素内部的html内容。
$(selector).text() 获取元素内部的文本 ,如果没有参数,就是获取元素的文本,如果有参数就是设置元素内部的文本内容。
如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?
选择input元素后,调用.val()即可获取输入的内容;在.val()中传递参数即可设置input的内容。
$(selector).val
选择元素后,调用attr(attribute,value)即可获取元素置顶属性的值,attribute参数为必填,代表了想要定位的属性,而value参数选填,未填为查找,填写后代表修改为 将属性值改为value
$(selector).attr(attribute,value)