【JQuery框架，阿里Java面试必问

最新推荐文章于 2024-10-01 18:51:18 发布

DDD体系学习

最新推荐文章于 2024-10-01 18:51:18 发布

阅读量71

点赞数

本文链接：https://blog.csdn.net/m0_61439560/article/details/120141332

版权

程序员专栏收录该内容

32 篇文章 0 订阅

订阅专栏




**2\. text()**

--------------



> **作用：**获取/设置元素的标签体纯文本内容

// 获取mydiv文本内容

var divText = $("#mydiv").text()

// 设置mydiv文本内容

var divText = $("#mydiv").text(“你好”)




**3\. val()**

-------------



> **作用：**获取/设置元素的value属性值

// 获取myinput 的value值

var value = $("#myinput").val()

// 设置myinput 的value值

var value = $("#myinput").val(“你好”)




**关于上述代码的实际演示如下：**

<head>

	<meta charset="UTF-8">

	<title></title>

	<script  src="../js/jquery-3.3.1.min.js"></script>

	<script>

		

		$(function (){

			// 获取myinput 的value值

			var value = $("#myinput").val()

			// alert(value);



			// 获取mydiv的标签体内容

			var divValue = $("#mydiv").html()

			alert(divValue);



			// 获取mydiv文本内容

			var divText = $("#mydiv").text()

			// alert(divText)

		});



	

	</script>

	

</head>

<body>

	<input id="myinput" type="text" name="username" value="张三" /><br />

	<div id="mydiv"><p><a href="#">标题标签</a></p></div>

</body>




**二、属性操作**

==========



**（1）通用属性操作**

-------------



### **1\. attr():**



> **作用：**获取/设置元素的属性

//获取北京节点的name属性值

var bj = $("#bj").attr(“name”);

alert(bj);

//设置北京节点的name属性的值为dabeijing

$("#bj").attr(“name”, “dabeijing”);

//新增北京节点的discription属性属性值是didu

$("#bj").attr(“discription”, “didu”);

//删除北京节点的name属性并检验name属性是否存在




### **2\. removeAttr()**



> **作用：**删除属性

//删除北京节点的name属性并检验name属性是否存在

$("#bj").removeAttr(“name”);




### **3\. prop()**



> **作用：**获取/设置元素的属性

//获得hobby的的选中状态

var hobby_type = $("#hobby").prop(“checkbox”);




### **4\. removeProp()**



> **作用：**删除属性

//删除hobby的CheckBox属性

var hobby_type = $("#hobby").removeProp(“checkbox”);




### **5.attr和prop区别**



1.  如果操作的是元素的固有属性，则建议使用prop

2.  如果操作的是元素自定义的属性，则建议使用attr



**（2）对class属性操作**

-----------------



### **1\. addClass()**



> **作用：**添加class属性值

//给one标签增加属性

$("#b2").click(function () {

$("#one").addClass(“second”);

});




### **2\. removeClass()**



> **作用：**删除class属性值//<input type=

//删除one标签的class属性

$("#b3").click(function () {

$("#one").removeClass("second");

});




### **3\. toggleClass()**



> **作用：**切换class属性

//为one标签的class样式进行切换，有class属性就删除，没有就添加

$("#b4").click(function () {

$("#one").toggleClass(“second”);

});




**在这里对该函数做一个详细的介绍：**



如toggleClass("one"):



\* 判断如果元素对象上存在class="one"，则将属性值one删除掉。  如果元素对象上不存在class="one"，则添加



### **4\. css()**



> **作用，**修改元素属性

$("#b5").click(function () {

var backgroundColor = $("#one").css(“backgroundColor”);

alert(backgroundColor);

});

$("#b6").click(function () {

$("#one").css(“backgroundColor”,“green”)

});




**三、CRUD操作**

============



**1\. append()**

----------------



> **作用：**父元素将子元素追加到末尾



> **样例：**对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾



**2\. prepend()**

-----------------



> **作用：**父元素将子元素追加到开头



> **样例：**对象1.prepend(对象2):将对象2添加到对象1元素内部，并且在开头



**3\. appendTo()**

------------------



> **样例：**对象1.appendTo(对象2):将对象1添加到对象2内部，并且在末尾



**4\. prependTo()**

-------------------


### 最后

**对于很多Java工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。**

**整理的这些资料希望对Java开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。**

**再分享一波我的Java面试真题+视频学习详解+技能进阶书籍**

**[CodeChina开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频】](https://codechina.csdn.net/m0_60958482/java-p7)**

ndTo()**

------------------



> **样例：**对象1.appendTo(对象2):将对象1添加到对象2内部，并且在末尾



**4\. prependTo()**

-------------------


### 最后

**对于很多Java工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。**

**整理的这些资料希望对Java开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。**

**再分享一波我的Java面试真题+视频学习详解+技能进阶书籍**

**[CodeChina开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频】](https://codechina.csdn.net/m0_60958482/java-p7)**

![美团二面惜败，我的凉经复盘（附学习笔记+面试整理+进阶书籍）](https://img-blog.csdnimg.cn/img_convert/6ef36db3dcf746d33f217367af5f9a5a.png)