jQuery基础二

jQuery属性操作

1. 设置或获取元素固有属性 prop()
   • 设置属性语法：prop(“属性名”)
   • 设置属性语法：prop(“属性名”,“值”)
2. 设置或获取元素自定义属性值 attr()
   • 获取：attr(“属性名”) // 类似原生getAttribute()
   • 设置：attr(“属性名”，“值”) //类似原生setAttribute() 该方法也可获取H5自定义属性data-
   • 数据缓存data():存放在元素内存里 // 获取H5自定义属性data-index，括号里不用加data-，返回数字型
3. :check选择器：查找表单被选中的个数
   • 属性：checked true或false 选中表单复选框与否

jQuery内容文本值

1. 普通元素内容：相当于原生innerHTML
   • html() 获取元素内容
   • html(“内容”) 设置元素内容
2. 文本内容：相当于innerText()
   • text()、text(“内容”)
3. 获取设置表单值：val()、val(“内容”)
   • parents(‘选择器’)：可以返回指定祖先元素
   • 保留两位小数：toFixed(2)方法

jQuery元素操作

1. each()方法遍历元素：$(“div”).each(function(索引号i, domEle DOM元素对象))—>jQ对象 $(domEle)
2. $each(obj, function(i, ele){})
   • 可遍历任何对象，主要用于处理数据，比如数组，对象
   • i是每个元素索引号，ele遍历内容
3. 创建元素:

   $("<li></li>")
   

4. 添加元素：
   • 内部添加：

   $("ul").append(li) 添加在后面
   $("ul").prepend(li) 添加在前面
   // 内部添加是父子关系
   

   • 外部添加：

   element.after("内容") 添加在后面
   element.before("内容") 添加在前面
   var div = $("<div>我是后妈生的</div>");
   $(".test").after(div);
   

5. 删除元素：
   • element.remove() // 元素本身
   • element.empty() // 元素里面的子节点
   • element.html(“”) // 元素里面的子节点