jQuery入门到精通（三）连载(1)，学生会面试题目100及最佳答案

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

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操作类的过程