2024年前端最新jQuery入门到精通（三）连载(2)，2024Web前端高级面试题

最后：

总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。

面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

1.3 contains(text) 找到包含文本内容的div，不是内容相等的div

var $div = $(“div:contains(‘我是div’)”);

console.log($div);

我是div

我是div123

1.4 :has(selector) 找到包含指定子元素的div

var $div = $(“div:has(‘span’)”);

console.log($div);

### 2.属性和属性节点



属性：对象身上保存的变量就是属性



属性节点：在编写的HTML代码时，在HTML标签中添加的属性就是属性节点



区别：任何对象都有属性，但只有DOM对象才有属性节点

//对属性进行操作

function Person() {

}；

var p = new Person();

// p.name=“A”;

p[“name”]=“B”;

// console.log(p.name);

console.log(p[“name”]);

### 3.jQuery-attr方法



attr(name|pro|key,val|fn) 作用：获取或设置属性节点的值



如果传递一个参数，代表获取属性节点的值，找到多少个元素都只会返回第一个元素指定的值



如果传递两个参数，代表设置属性节点的值，找到多少设置多少，如果不存在就新增

console.log($(“span”).attr(“class”));

$(“span”).attr(“class”,“box”);

$(“span”).removeAttr(“class”); //删除属性节点

### 4.jQuery-prop方法



prop方法不仅能操作属性，还能操作属性节点

$(function (){

$("span").eq(0).prop("demo","666");

$("span").eq(1).prop("demo","ln");

console.log($("span").prop("demo"));



console.log($("input").prop("checked")); // true / false

console.log($("input").attr("checked")); // checked / undefined

});

### 5.jQuery类操作方法



给div添加样式，了解jQuery操作类的过程