jQuery
是什么
js框架
特点
写的更少，做的更多
含有多个选择器拥有便捷丰富的插件兼容各种主流浏览器
语法
$
基础选择器
id选择器根据给定的ID匹配一个元素$("da")标签选择器根据给定的标签匹所有元素$("div")类选择器
根据给定的类进行元素匹配
$(".xxxx")
层级选择器
在给定的父素下匹配所有的后代元素语法： 空格var f=$("form input")
在给定的父元素下匹配所有的子元素
var f=$("form>input")
注意：子元素，不包含孙元素
匹配所有紧接(连续性的，中间如果出现其他标签,input无法获取)在 prev 元素后的 next 元素
var f2 = $("label + input")
匹配 prev 元素之后的所有 siblings 元素
var f3 = $("form ~ input")
异步请求
对象转换
dom对象是document获取的对象jQuery对象是jQuery选择器获取的对象
各自只能使用自己对象中的方法，所以需要转换
jQuery对象转换为dom对象(jQuery就类似数组)
var dom1 = d1[0]
dom对象转换为jQuery对象 语法:$(dom对象) var jq1 = $(d2)
html和text方法
html 设置：可以添加标签获取：包含标签与文本text
设置：只能添加文本内容
获取：只有文本
val()的使用
获取与设置标签的value值
attr和data区别
data
使用data获取属性值有个前提，属性名必须是data-xxx。
使用data()获取属性的语法格式：jquery对象.data("xxx")attr
使用attr()获取属性的语法格式：jquery对象.attr("属性名")；
attr设置的时候会改变,data不会改变，并且使能
获取字节设置的，不会使用data()设置值，因为设置之后的对象的得到的是字符串
jQuery遍历
传统便利
var objs = $("input:button");
jquery是什么选择器
for(var i = 0 ; i < objs.length ; i++){jQuery便利
objs.each(function(index , obj){
// console.log($(obj).val());//});
绑定事件
$obj.事件名（function（){})$("事件名",function(){})$obj.bind("事件名",function(){})取消事件
$obj.off("事件名")
$obj.unbind("事件名")

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。