day50 jq的基本使用

今日内容详细

筛选器方法

document.getElementById()------>标签对象------------>直接就是标签
$(document.getElementById()) -------> jQuery对象-------->可以使用jQuery提供的方法
jQuery(document.getElementById()) -------> jQuery对象-------->可以使用jQuery提供的方法
$ === jQuery
# 如何把jQuery对象转为标签对象
$()[0]
​
$("#id")===jQuery("#id")

操作标签

# 样式类
classList对象:
    
classList.add()
classList.remove()
classList.containers()
classList.toggle()
​
addClass();// 添加指定的CSS类名。
removeClass();// 移除指定的CSS类名。
hasClass();// 判断样式存不存在
toggleClass();// 切换CSS类名，如果有就移除，如果没有就添加。
​
# CSS样式
$("p").css("color", "red"); //将所有p标签的字体设置为红色
​
# 文本操作(重要)
innerText -------> text()
innerHTML--------> html()
# 值：
value属性
val()
​
# 获取被选中的checkbox或radio的值：
console.log($("input[name='gender']:checked").val());
​
# 属性操作
getAttribute()
setAttribute()
removeAttribute()
​
# prop和attr的区别：
总结一下：
1. 对于标签上有的能看到的属性和自定义属性都用attr
2. 对于返回布尔值的比如checkbox、radio和option的是否被选中都用prop。
​
# 文档处理
let $pEle = $('
');
var p = $("
");
document.createElement('p');
$('
');
​
​
# 常用事件
# 阻止后续事件执行
# 阻止事件冒泡（重要）
# 补充
each
.data()