jQuery获得内容和属性示例代码


Posted in Javascript onJanuary 16, 2014

获得内容 - text()、html() 以及 val()

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

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

获取属性 - attr()

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

下面的例子演示如何获得链接中 href 属性的值:
实例

$("button").click(function(){ 
alert($("#w3s").attr("href")); 
});
Javascript 相关文章推荐
javascript 装载iframe子页面,自适应高度
Mar 20 Javascript
jQuery实现的进度条效果
Jul 15 Javascript
基于jquery实现左右按钮点击的图片切换效果
Jan 27 Javascript
基于jquery实现日历签到功能
Sep 11 Javascript
原生js实现查询天气小应用
Dec 09 Javascript
vue双向数据绑定原理探究(附demo)
Jan 17 Javascript
详解AngularJS用Interceptors来统一处理HTTP请求和响应
Jun 08 Javascript
vue mixins组件复用的几种方式(小结)
Sep 06 Javascript
JS基于开关思想实现的数组去重功能【案例】
Feb 18 Javascript
Vue 自适应高度表格的实现方法
May 13 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
Jul 11 Javascript
vue实现图片裁剪后上传
Dec 16 Vue.js
jQuery 追加元素的方法如append、prepend、before
Jan 16 #Javascript
jQuery 设置 CSS 属性示例介绍
Jan 16 #Javascript
jQuery 滑动方法slideDown向下滑动元素
Jan 16 #Javascript
jquery sortable的拖动方法示例详解
Jan 16 #Javascript
jQuery插件开发的两种方法及$.fn.extend的详解
Jan 16 #Javascript
js查找某元素中的所有图片地址的方法
Jan 16 #Javascript
jQuery - css() 方法示例详解
Jan 16 #Javascript
You might like
php单件模式结合命令链模式使用说明
2008/09/07 PHP
PHP OPP机制和模式简介(抽象类、接口和契约式编程)
2014/06/09 PHP
jcarousellite.js 基于Jquery的图片无缝滚动插件
2010/12/30 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
2012/05/20 Javascript
JavaScript AJAX之惰性载入函数
2014/08/27 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
JavaScript必知必会(七)js对象继承
2016/06/08 Javascript
AngularJS基础 ng-value 指令简单示例
2016/08/03 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
js字符串操作总结(必看篇)
2016/11/22 Javascript
基于JavaScript实现熔岩灯效果导航菜单
2017/01/04 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
webpack学习笔记之代码分割和按需加载的实例详解
2017/07/20 Javascript
JQuery判断正整数整理小结
2017/08/21 jQuery
JavaScript实现微信红包算法及问题解决方法
2018/04/26 Javascript
JS使用tween.js动画库实现轮播图并且有切换功能
2018/07/17 Javascript
自定义Vue中的v-module双向绑定的实现
2019/04/17 Javascript
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
[01:45]DOTA2新英雄“神谕者”全方位展示
2014/11/21 DOTA
[00:14]PWL:老朋友Mushi拍VLOG与中国玩家问好
2020/11/04 DOTA
仅用500行Python代码实现一个英文解析器的教程
2015/04/02 Python
python遍历序列enumerate函数浅析
2017/10/17 Python
详解Python3 中的字符串格式化语法
2020/01/15 Python
Pycharm插件(Grep Console)自定义规则输出颜色日志的方法
2020/05/27 Python
详解html5 canvas常用api总结(二)--绘图API
2016/12/14 HTML / CSS
家长会主持词
2014/03/26 职场文书
青年文明号创建承诺
2014/03/31 职场文书
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
单位法人授权委托书范本
2014/10/09 职场文书
道歉信范文
2015/05/12 职场文书
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs
go web 预防跨站脚本的实现方式
2021/06/11 Golang
python生成可执行exe控制Microsip自动填写号码并拨打功能
2021/06/21 Python
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python