创建元素
$("<p></p>")
迭代遍历
$("li").each(function(i){
$("li").eq(i)
})
获取元素在元素内的下标 index()
$("li").index($("#selected"))
size()和length
能属性解决的 就少用函数
data给元素加数据
data("key") 拿数据
data("key","value")设置key=value
基本选择器,层级选择器,伪类选择器
$("p") 标签选择器
$(".box") class 选择器
$("#container") id 选择器
$("*") 通配符选择器
$("#box, .box1") 群组选择器
$("div .box") 包含选择器
$("div + p") div同级后的第一个
$("div ~ p") div同级后所有
$("div:last") 最后的一个div
$("div:first") 第一个div
$("div:eq(n)") 第N个div
$("div:lt(n)") 前N个div
$("div:gt(n)")后N个div
$("div:odd") 奇数位的元素
$("div:even")偶数位的元素
$("div:not()")排除
$("div > p") 获取div内的P
转换
DOM 转jQuery ,现获取DOM元素
var $j_obj = $(DOM元素)
jQuery转DOM
var dom_obj = $(".box").get(0) # 或者用下标[下标值]
其他
css() 获取或设置元素的css, 一个值的时候是获取 两个值是设置,也可以设置多个值
attr() 获取或设置元素的属性 一个值的时候是获取 两个值是设置
addClass 添加类
removeClass 删除类名
$("div").click(function (){
代码块
})
属性
3.1attr 一个值代表读取
两个值是设置
设置多个属性的时候({"color":"red", "font-size":"20px"})
3.2prop 一个值代表读取
两个值是设置
设置多个属性的时候({"color":"red", "font-size":"20px"})
3.3比较
eg:
attr 读取src属性的时候是“/img/01.png” 相对路径
prop 读取src属性的时候是 网路的绝对路径
3.4removeAttr(Prop) 尽量不要去使用
3.5 html()
没值:是读取
有值得时候:是设置
3.6 text()
没值:是读取
有值得时候:是设置
3.7 val()
获取或者设置input里面的内容(value)
筛选
first()
last()
eq()
not()
has() 包含某个元素的
find() $("div").find("p") 在div内找p标签
is() 判断
input的type相关的筛选 具体N多个 详情请见字典
网友评论