jQuery元素属性操作实例(设置、获取及删除元素属性)


Posted in Javascript onSeptember 08, 2016

本文实例讲述了jQuery元素属性操作的方法。分享给大家供大家参考,具体如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
  //设置<p>元素的属性'title'
  $("input:eq(0)").click(function(){
    $("p").attr("title","选择你最喜欢的水果.");
  });
  //获取<p>元素的属性'title'
  $("input:eq(1)").click(function(){
    alert( $("p").attr("title") );
  });
  //删除<p>元素的属性'title'
  $("input:eq(2)").click(function(){
    $("p").removeAttr("title");
  });
});
//]]>
</script>
</head>
<body>
<input type="button" value="设置<p>元素的属性'title'"/>
<input type="button" value="获取<p>元素的属性'title'"/>
<input type="button" value="删除<p>元素的属性'title'"/>
<p title="T选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
  <li title='苹果'>苹果</li>
  <li title='橘子'>橘子</li>
  <li title='菠萝'>菠萝</li>
</ul>
</body>
</html>

效果图:

jQuery元素属性操作实例(设置、获取及删除元素属性)

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
JavaScript入门教程(12) js对象化编程
Jan 31 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
Jan 15 Javascript
js和css写一个可以自动隐藏的悬浮框
Mar 05 Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 Javascript
JS递归遍历对象获得Value值方法技巧
Jun 14 Javascript
AngularJS延迟加载html template
Jul 27 Javascript
jquery实现左右轮播切换效果
Jan 01 jQuery
微信小程序动态增加按钮组件
Sep 14 Javascript
说说Vuex的getters属性的具体用法
Apr 15 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
May 23 Javascript
vue2配置scss的方法步骤
Jun 06 Javascript
在vue中把含有html标签转为html渲染页面的实例
Oct 28 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
Sep 08 #Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
Sep 08 #Javascript
js发送短信倒计时的简单实现方法
Sep 08 #Javascript
JavaScript-html标题滚动效果的简单实现
Sep 08 #Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
Apr 23 #Javascript
jQuery遍历节点树方法分析
Sep 08 #Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
Sep 08 #Javascript
You might like
谈谈新手如何学习PHP 默默经典版本
2009/08/04 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
php构造函数与析构函数
2016/04/23 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
PHP程序守护进程化实现方法详解
2020/07/16 PHP
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
2008/11/03 Javascript
JS获取父节点方法
2009/08/20 Javascript
在JavaScript中获取请求的URL参数
2010/12/22 Javascript
让AJAX不依赖后端接口实现方案
2012/12/03 Javascript
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
2013/04/15 Javascript
jquery动态增加删除表格行的小例子
2013/11/14 Javascript
jquery链式操作的正确使用方法
2014/01/06 Javascript
js获取会话框prompt的返回值的方法
2015/01/10 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
2016/12/08 Javascript
jQuery图片查看插件Magnify开发详解
2017/12/25 jQuery
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
2018/01/03 Javascript
浅谈node中的cluster集群
2018/06/02 Javascript
vue debug 二种方法
2018/09/16 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
Python网络编程之TCP套接字简单用法示例
2018/04/09 Python
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
2018/05/07 Python
将tensorflow的ckpt模型存储为npy的实例
2018/07/09 Python
用pandas中的DataFrame时选取行或列的方法
2018/07/11 Python
在cmder下安装ipython以及环境的搭建
2018/10/19 Python
python3用PIL把图片转换为RGB图片的实例
2019/07/04 Python
opencv3/python 鼠标响应操作详解
2019/12/11 Python
keras 权重保存和权重载入方式
2020/05/21 Python
HTML中使用SVG与SVG预定义形状元素介绍
2013/06/28 HTML / CSS
Manuka Doctor英国官网:真正的麦卢卡蜂蜜和护肤品
2018/10/26 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?
2014/07/27 面试题
小学音乐教学反思
2014/02/05 职场文书
廉洁家庭事迹材料
2014/05/15 职场文书
喝酒驾驶检讨书
2014/10/01 职场文书
2015年招聘工作总结
2014/12/12 职场文书
小学作文之描写天气
2019/08/15 职场文书
前端框架ECharts dataset对数据可视化的高级管理
2022/12/24 Javascript