jQuery 总结
Tips
获取元素
jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取 元素。
$("p.intro") 选取所有 class="intro" 的 元素。
$("p#demo") 选取所有 id="demo" 的 元素。
let iptBookName = $('#iptBookName').val().trim(); 获取值并且去掉前后空格
:first:默认情况下是相对整个页面来说的第一个,如:li:first表示整个页面的第一个li元素,而ul li:first表示整个页面的第一个li元素,并且是在ul下的子元素; :last:同上了,只是是最后一个而已; :first- child:为每个父元素匹配第一个子元素,如li:first-child返回每个ul的第一个li元素。可以这样理解,页面中的元素有相同的父元素 的,并且里面又包含li元素的,那么就取第一个li元素,每个子类集合都要进行判断,直到找出所有符合要求的li元素; :last-child:这个也与上面相对了,只是取的是最后一个; :only- child:返回所有没有兄弟节点的元素,注意,文本元素不是,也就是说类似这样的向被选元素添加一个或多个类名
在被选元素后插入内容
在被选元素的结尾插入内容
在被选元素的结尾插入 HTML 元素
设置或返回被选元素的属性/值
在被选元素前插入内容
生成被选元素的副本
为被选元素设置或返回一个或多个样式属性
移除被选元素(保留数据和事件)
从被选元素移除所有子节点和内容
检查被选元素是否包含指定的 class 名称
设置或返回被选元素的高度
设置或返回被选元素的内容
返回元素的高度(包含 padding,不包含 border)
返回元素的宽度(包含 padding,不包含 border)
在被选元素后插入 HTML 元素
在被选元素前插入 HTML 元素
设置或返回被选元素的偏移坐标(相对于文档)
返回第一个定位的祖先元素
返回元素的高度(包含 padding 和 border)
返回元素的宽度(包含 padding 和 border)
返回元素的位置(相对于父元素)
在被选元素的开头插入内容
在被选元素的开头插入 HTML 元素
设置或返回被选元素的属性/值
移除被选元素(包含数据和事件)
从被选元素移除一个或多个属性
从被选元素移除一个或多个类
移除通过 prop() 方法设置的属性
把被选元素替换为新的 HTML 元素
把被选元素替换为新的内容
设置或返回被选元素的水平滚动条位置
设置或返回被选元素的垂直滚动条位置
设置或返回被选元素的文本内容
在被选元素中添加/移除一个或多个类之间切换
移除被选元素的父元素
设置或返回被选元素的属性值(针对表单元素)
设置或返回被选元素的宽度
在每个被选元素的周围用 HTML 元素包裹起来
在所有被选元素的周围用 HTML 元素包裹起来
在每个被选元素的内容周围用 HTML 元素包裹起来
转义CSS选择器中有特殊意义的字符或字符串
提供了一种方法通过定义函数来获取和设置特定的CSS值