jQuery相关知识

目录

一.筛选器方法

二.操作标签

1.样式类

2.CSS样式

3.文本操作(重要)

4.值

5.获取被选中的checkbox或radio的值

6.属性操作

7.prop和attr的区别

8.文档处理

---

一.筛选器方法

document.getElementById()------>标签对象------>直接就是标签

$(document.getElementById())------>jQuery对象------>可以使用jQuery提供的方法

jQuery(document.getElementById())------>jQuery对象------>可以使用jQuery提供的方法

$ === jQuery

# 如何把jQuery对象转换为标签对象

$()[0]

$("#id")===jQuery("#id")

二.操作标签

1.样式类

classList对象：

classList.add()
classList.remove()
classList.containers()
classList.toggle()

addClass();// 添加指定的CSS类名
removeClass();// 移除指定的CSS类名
hasClass();// 判断样式存不存在
toggleClass();// 切换CSS类名，如果有就移除，没有就添加

2.CSS样式

$("p").css("color","red"); // 将所有p标签的字体设置为红色

3.文本操作(重要)

innerText ------> text()
innerHTML ------> html()

4.值

value属性
val()

5.获取被选中的checkbox或radio的值

console.log($("input[name="gender"]:checked").val());

6.属性操作

getAttribute()
setAttribute()
removeAttribute()

7.prop和attr的区别

对于标签上有能看到的属性和自定义属性都用attr

对于返回布尔值的比如checkbox、radio和option的是否被选中都用prop

8.文档处理

let $pEle = $('<p>');
var p = $("<p>");
document.createElement('p');
$('<p>');