jQuery学习笔记18023

2019独角兽企业重金招聘Python工程师标准>>>

jQuery - 获取内容和属性

三个简单实用的用于 DOM 操作的 jQuery 方法：

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

 

jQuery - 设置内容和属性

我们将使用前一章中的三个相同的方法来设置内容：

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

这是一个段落。
这是另外一个段落。
输入框: 
设置文本
设置 HTML
设置值

text()、html() 以及 val() 的回调函数

上面的三个 jQuery 方法：text()、html() 以及 val()，同样拥有回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。

疑问：什么是元素的下标？如何使用元素的下标？在遍历中使用？

修改链接 的地址href和提示文本（鼠标悬停显示文本）title

attr() 方法也允许您同时设置多个属性

 

菜鸟教程
修改 href 和 title
点击按钮修改后，可以查看 href 和 title 是否变化。

jQuery - 添加元素

我们将学习用于添加新内容的四个 jQuery 方法：

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容

 

jQuery - 删除元素 

如需删除元素和内容，一般可使用以下两个 jQuery 方法：

• remove() - 删除被选元素（及其子元素）
• empty() - 从被选元素中删除子元素

转载于:https://my.oschina.net/2480553921/blog/1933184