JQuery 属性操作
设置或获取元素固有属性值 prop()
固有属性就是元素本身自带的属性,比如 href,title
获取固有属性:(“a”))上
data()方法可以在指定的元素上存取数据,并不会修改 DOM元素结构。一旦页面刷新,之前存放的数据都将被移除。
JQuery 内容文本值
设置标签里的内容元素: html()
获取设置元素文本内容: text()
获取设置表单值:val()
JQuery 元素操作
遍历
var arr=["red","green","blue"];
$("div").each(function(i,domEle){
console.log(i);
console.log(domEle);
$(domEle).css("color",arr[i]);
}
$.each($("div"),function(i,ele){
console.log(i);
console.log(ele);
})
创建元素
$(function(){
//创建元素
var li = $("<li>我是创建出来的</li>");
//内部添加元素
$("ul").append(li);//内部添加并且放在内容的最后面
$("ul").prepend(li);//内部添加并且放在内容的最前面
//外部添加元素
var div=$("<div>我是创建出来的div</div>");
$(".test").after(div);
$(".test").before(div);
})
删除元素
$(" ul").remove();//删除匹配元素
$("ul").empty();//可以删除匹配元素里面的子节点
$("ul").html("");//可以删除匹配元素里面的子节点
JQuery 位置和尺寸操作
尺寸
位置
JQuery 事件
单个事件的注册
element.事件(function(){})
事件处理 on()绑定事件
element.on({
事件1:function(){
},
})
on 实现事件委托