灯塔10.26--JQuery属性、位置、尺寸

JQuery 属性操作

设置或获取元素固有属性值 prop()

固有属性就是元素本身自带的属性,比如 href,title
获取固有属性:$("a").prop("href")\ast \ast \ast \ast 设置属性值:prop("属性","属性值")\ast \ast \ast \ast 获取自定义属性:$(“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 实现事件委托