DOM对象与Jquery的互相转换
$(dom对象)
Jquery根据索引得到dom对象
遍历
each(fucntion)
语法
jquery对象.each(fucntion([当前下标,当前被遍历到的元素]){
})
注意点
通过原生JS获取节点,如果节点不存在,返回null;
如果通过Jquery获取节点,如果节点不存在,会返回空包装集对象。所以判断Jqury对象是否存在需要使用length
选择器
Id选择器
$("#id属性值")
类选择器
$(".class属性值")
元素选择器
$(“元素名/标签名”)
选择所有选择器
$("*")
组合选择器
$(“选择器1,选择器2…”)
层次选择器
后代选择器
ncestor descendant
子代选择器
parent > child
相邻选择器
prev + next
同辈选择器
prev ~ sibling
表单选择器
$(":radio")
$(":checkbox")
过滤选择器
$(":checked")
选择所有选中状态的元素(单选框和复选框)
$(":checkbox:checked")
选择所有复选框被选中的元素
$(":checkbox:checked:eq(index)")
匹配被选中的选择的指定下标的元素
$(":checked:gt(index)")
选择下标大于指定值的元素
$(":odd")
选择所有的奇数下标的元素
$(":even")
选择所有的偶数下标的元素
属性选择器
$("[属性名]")|$("[属性名=属性值]")
$("[name]")
$("[id='myId']"
获取属性
attr(属性名称)
prop()
返回值是boolean类型的属性,使用prop();其他的属性使用attr()
操作元素的样式
获取
attr(“class”)
修改
attr(“class”,”样式名”)
addClass(“样式名”)
添加
addClass(“样式名”)
css()
操作元素的内容
html()
获取元素的 html 内容
html("html 内容")
设定元素的 html 内容
text()
获取元素的文本内容,不包含 html
text("text 内容")
设置元素的文本内容,不包含 html
val()
获取元素 value 值
val(‘值’)
设定元素的 value 值
删除元素
remove()
删除所选元素或指定的子元素,包括整个标签和内容一起删
empty()
清空所选元素的内容
添加元素
prepend(content)
在被选元素内部的开头插入元素或内容,被追加的content 参数,可以是字符、HTML 元素标记。
$(content).prependTo(selector)
append(content)
在被选元素内部的结尾插入元素或内容,被追加的 content 参数,可以是字符、HTML 元素标记。
$(content).appendTo(selector)
before()
:$(selector).before(content)
after()
:$(selector).after(content)
事件
ready
bind()绑定元素事件
$(selector).bind( eventType [, eventData], handler(eventObject))
eventType :是一个字符串类型的事件类型,就是你所需要绑定的事件。
自由主题