jQuery基础知识— 获得内容和属性

jQuery拥有可操作HTML元素和属性的方法。

 

获得内容:

text()--设置或返回所选元素的文本内容

html()--设置或返回所选元素的内容(包括HTML标记)

val()--设置或返回表单字段的值

获取属性:

attr()方法用于获取属性值

例如:

1 $("button").click(function(){
2     alert($("#w3s").attr("href"));
3 });

 

jQuery文档操作参考手册

方法 描述

addClass()


向匹配的元素添加指定的类名。


after()


在匹配的元素之后插入内容。

append() 想匹配元素集合中的每个元素结尾插入有参数指定的内容
appendTo() 向目标结尾插入匹配元素集合中的每个元素
attr() 设置或返回匹配元素的属性和值
before() 在每个匹配的元素之前插入内容
clone() 创建匹配元素集合的副本
detach() 在DOM中移除匹配元素集合
empty() 删除匹配的元素集合中的所有的子节点
hasClass() 检查匹配的元素是否拥有指定的类
html() 设置或返回匹配元素集合中的HTML内容
insertAfter() 把匹配的元素插入到另一个指定的元素集合的后面
insertBefore() 把匹配的元素插入到另一个指定的元素集合的前面
prepend() 向匹配元素集合中每个元素开头插入有参数制定的内容
prependTo() 向目标开头插入匹配元素集合中的每个元素
remove() 移除所有匹配的元素
removeAttr() 从所有匹配的元素中移除指定的属性
removeClass() 从所有匹配的元素中删除全部或者指定的类
replaceAll() 用匹配的元素替换所有匹配到的元素
replaceWith() 用新内容替换匹配的元素
text() 设置或返回匹配元素的内容
toggleClass() 从匹配的元素中添加或删除一个类
unwrap() 移除并替换指定元素的父元素
val() 设置或返回匹配元素的值
wrap() 把匹配的元素用指定的内容或元素包裹起来
wrapAll() 把所有匹配的元素用指定的内容或元素包裹起来
wrapinner() 将每一个匹配的元素的子内容用指定的内容或元素包裹起来
时间: 2024-10-10 10:35:50

jQuery基础知识— 获得内容和属性的相关文章

jQuery基础知识— 获得内容和属性

jQuery拥有可操作HTML元素和属性的方法. 获得内容: text()--设置或返回所选元素的文本内容 html()--设置或返回所选元素的内容(包括HTML标记) val()--设置或返回表单字段的值 获取属性: attr()方法用于获取属性值 例如: 1 $("button").click(function(){ 2 alert($("#w3s").attr("href")); 3 }); jQuery文档操作参考手册 方法 描述 add

20_Shell语言———VIM编辑器基础知识三之窗口属性定制、配置文件及查找替换功能

Vim编辑器可以让用户按照需求来定制一些使用属性. 一.窗口属性定义 1)显示行号 行号不是内容,只是用来帮助用户确认文本所在的行.在vim编辑器中,如果要显示行号,可以在末行模式下输入: set number 如果想关闭,则可以在功能名称前面加上no,即: set nonumber 命令可以被简写,如set number 可以简写为 set nu:set nonumber 可以简写为 set nonu. 注意,上述设定仅对当前vim的进程有效,一旦当前进程关闭,这些设定就会失效,如果要使设定永

JQuery基础知识(2)

JQuery基础知识(2) JQuery滑动效果 1. JQuery slideDown(); 语法: $(selector).slideDown(speed,callback); 可选的 speed 参数规定效果的时长.它可以取以下值:"slow"."fast" 或毫秒. 可选的 callback 参数是滑动完成后所执行的函数名称. 2.JQuery slideUp();用于向上滑动元素 语法: $(selector).slideUp(speed,callback

JQuery基础知识(1)

JQuery基础知识(1) 对JQuery学习中遇到的小细节进行了整理和总结 1.JQuery hide()和show()方法,分别对选中的元素进行隐藏和显示,语法:hide()和show分别有对应的参数,即hide(speed);隐藏的速度进行了限定.hide(1000)/show(1000); 2.JQuery toggle()方法用来切换hide()和show();可以用speed参数进行控制显示和隐藏的速度. JQuery的淡入淡出 1.JQuery fadeIn();此方法可以携带不同

jQuery基础知识总结

1.  jQuery基本概念介绍   1.1 什么是jQuery 一个javascript库,把常用方法写到一个js文件中,需要的时候直接调用即可 学习jQuery就是学习一些方法 1.2 为什么要学习jQuery write less do more 1.3 jQuery的使用 a.引包     b.入口函数     c.实现功能 1.4 版本介绍 3个版本 1.x      2.x     3.x 其中版本1兼容IE6/7/8,版本2和3实现的功能更多一些,版本3更适合最新的浏览器 每个大版

HTML和HTML5的基础知识2——元素及属性

HTML元素 在基础知识一种写过元素由开始标签.元素内容.结束标签所构成,如:<p>这是一个段落</p>就是一个段落元素 其实简单的来说HTML文档就是由嵌套的HTML元素构成的. 例如:一个简单的HTML文档 <!DOCTYPE html> <html> <body> <p>这是第一个段落.</p> </body> </html> 上实例就包括了三个HTML元素分别是:<html>元素

jQuery基础知识--选择器与效果

$(this).hide()-----隐藏当前元素 $("p").hide()------隐藏所有段落 $(".test").hide()--隐藏所有class="test"的元素 $("#test").hide()--隐藏所有id="test"的元素 文档就绪函数 $(document).ready(function() {     ---------jQuery function go here----

jQuery基础知识

js与jQuery的比较与区别 js是脚本语言 jquery是用js开发出来的架构 1 定位元素 JS document.getElementById("abc") jQuery $("#abc") 通过id定位 $(".abc") 通过class定位 $("div") 通过标签定位 需要注意的是JS返回的结果是这个元素,jQuery返回的结果是一个JS的对象.以下例子中假设已经定位了元素abc. 2 改变元素的内容 JS a

JQuery基础知识学习1

1.JQuery是javascript的类库 2.下载JQuery 3.导入JQuery <script src="jquery-3.0.0.js"></script> 4.JQuery的基本功能 http://www.php100.com/manual/jquery/ 5.用JQuery实现点击按钮返回页面顶部的功能 //里面用到了Jquery里面的事件-scroll ,当页面滚动条发生变化执行的函数 $(window).scroll( function()