日常学习打卡161021

Posted 2020-08-15

jq中CSS选择器

 

看了一些文章，感觉用处挺大的。

目前常用

定位当前元素：$(this)，定位ID：$(‘#id‘)，定位CLASS：$(‘.class‘)，定位子元素：$(‘ul >li‘)。

 

遍历（w3c居然叫祖先，后代。黑人问号.jpg）

父级（直系上一级）：parent()

父级forever： parents()，遍历到文档顶部。

下一级（直系下一级）：children()
下一级所有元素：find()

 

获取

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

attr("href") - 返回属性，链接的href，可以返回ID，CLASS，NAME等的名字

 

获取元素前，先要确定当前选择焦点位于文档哪里，是全局还是局部代码位置。

例如：$(‘#color‘).parent().find(‘#colorname‘).text();  处理动作：全局定位到id为color的元素，返回上一级元素，向下查找id为colorname的元素并且返回元素文本内容。

<div>

<div id="color">i‘m color</div>
<div id="colorname">i‘m color</div>

</div>