jQuery 获取/设置/删除DOM元素的属性以a元素为例
jQuery的属性操作非常简单,下面以一个a元素来说明属性的获取/设置/删除操作
代码如下:
<body>
<a>jquery.com</a>
</body>
添加属性
$('a').attr('href', 'http://www.jquery.com')
添加多个属性
$('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'})
获取属性
$('a').attr('href')
class属性
addClass()
添加一个class
hasClass()
判断是否有参数中指定的class
removeClass()
移除一个class
toggleClass()
如果参数中指定的class已经存在,则删除,反之,则添加。
相关推荐
-
详解jQuery中的empty、remove和detach
通过一张对比表来解释几个方法之间的不同 三者都有把元素移除的作用,但细微的差别,造就了它们的使命不同. 最权威的解释当然是jQuery_API咯,下面是API中关于他三儿的部分截取. 一.empty: This method removes not only child (and other descendant) elements, but also any text within the set of matched elements. This is because, according
-
jQuery中DOM节点删除之empty与remove
前言 最近刚学了新知识,虽然是一个小知识点,但还是忍不住想和大家分享.本文的内容主要针对的是初学者,如果大家有什么意见或者问题都可以留言交流的,下面来看看详细的介绍吧. .empty()是指对该节点后代的删除,结果是清空该节点(该节点里面已无元素). .remove()是指删除该节点,结果是删除该节点(该节点及其后代元素都将不存在). 下面放代码来说明. <!DOCTYPE html> <html> <head lang="en"> <meta
-
jquery之empty()与remove()区别说明
1.empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置. 2.remove([expr])则是把其从dom中删除,而不会保留其所占的位置. 例:<p>Hello</p>World<p>welcome</p> 执行$("p").empt
-
jQuery添加删除DOM元素方法详解
本文实例分析了jQuery添加删除DOM元素的方法.分享给大家供大家参考,具体如下: 介绍 DOM是Document Object Modeule的缩写,一般来说,DOM操作分成3个方面. 1.DOM Core DOM Core并不专属于javascript,任何一种支持DOM的程序设计语言都可以使用它,用途也远不止仅限于网页,也可以用来处理任何一种使用标记语言编写出来的文档,如XML. 例如:document,getElementsByTagName("form");//使用DOM
-
jQuery删除节点的三个方法即remove()detach()和empty()
jQuery提供了三种删除节点的方法,即remove(),detach()和empty(). 测试所用HTML代码: 复制代码 代码如下: <p title="选择你最喜欢的水果?">你最喜欢的水果是?</p> <ul> <li title="苹果">苹果</li> <li title="橘子">橘子</li> <li title="菠萝"
-
JQuery删除DOM节点的方法
本文实例讲述了JQuery删除DOM节点的方法.分享给大家供大家参考.具体分析如下: 如果文档中某一个元素多余,那么应将其删除.JQuery提供了两种删除节点的方法,即remove()和empty(). HTML DOM结构如下: <p class="nm_p" title="欢迎访问我们" >欢迎访问我们</p> <ul class="nm_ul"> <li title='PHP编程'>简单易懂的
-
jQuery DOM删除节点操作指南
下面示例可能用到如下HTML代码: 复制代码 代码如下: <ul> <li title="t1">苹果</li> <li>香蕉</li> <li>橘子</li> <li>葡萄</li> <li>草莓</li> </ul> 1.remove()方法: 作用:从DOM中删除所有匹配的元素,传入的参数用于根据jQuery表达式来筛
-
jQuery的DOM操作之删除节点示例
如果文档中某一个元素多余,那么应将其删除.jQuery提供了两种删除节点的方法,remove()方法和empty()方法. 1. remove(): <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <meta http-equiv="Content-Type" content=&quo
-
jQuery 删除/替换DOM元素的几种方式
删除 删除操作非常简单,直接在结果集后链式调用remove()方法即可. 例如,要删除以下html脚本中所有的a元素,直接通过 复制代码 代码如下: $('a'.remove(); 就可以做到了. 复制代码 代码如下: <h3>Anchors</h3> <a href="#" class="remove">Anchor Element</a> <a href="#">Anchor Ele
-
jQuery 获取/设置/删除DOM元素的属性以a元素为例
jQuery的属性操作非常简单,下面以一个a元素来说明属性的获取/设置/删除操作 复制代码 代码如下: <body> <a>jquery.com</a> </body> 添加属性 $('a').attr('href', 'http://www.jquery.com') 添加多个属性 $('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'}) 获取属性 $('a').attr('hre
-
Jquery 获取指定标签的对象及属性的设置与移除
1.先讲讲JQuery的概念,JQuery首先是由一个 America 的叫什么 John Resig的人创建的,后来又很多的JS高手也加入了这个团队.其实 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用简单的一些代码实现一些复杂的JS效果. 2.JQuery实现了代码的分离,不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了: 如: 复制代码 代码如下: $(function(){
-
jQuery获取样式中的背景颜色属性值/颜色值
天使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome.Firefox显示的格式不一样,IE中是以HEX格式显示#ffff00,而Chrome.Firefox中则是以GRB格式显示rgb(255,0,0),由于需要将颜色值存储到数据库中,所以想让颜色值的格式统一下(其实不统一也是可以存的).搜索了一下,从国外的一个网站上得到一段代码 复制代码 代码如下: $.fn.getHexBackgroundColor = function() { v
-
jQuery元素属性操作实例(设置、获取及删除元素属性)
本文实例讲述了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="tex
-
Jquery属性的获取/设置及样式添加/删除操作技巧分析
本文实例讲述了Jquery属性的获取/设置及样式添加/删除操作技巧.分享给大家供大家参考,具体如下: Jquery属性的获取与设置 //找到第一个input,通过attr设置属性value的值 $("input:first").attr('value','新设值'); //同时为多个属性赋值 $("input:first").attr({'attr1':'v1','attr2':'v2'...}); //找到最后一个input,通过使用removeAttr删除属性
-
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
本文实例讲述了jquery获取并修改触发事件的DOM元素.分享给大家供大家参考,具体如下: 需求 当点击关注后,改变按钮样式并显示取消关注,如图 实现 利用jQuery的 target获取到触发该事件的dom,然后修改它 target 属性 代码: HTML <div class="people-desc"> <div class="people-name">{$vo['nickname']}</div> <div clas
-
js与jquery获取父元素,删除子元素的两种不同方法
var obj=document.getElementById("id");得到的是dom对象,对该对象进行操作的时候使用js方法 var obj=$("#id");得到的是jquery对象,对该对象进行操作的时候使用jquery方法 1.对于上面获得的对象进行遍历 (1).js方法 for(vat i=0;j<obj.length;i++){ obj[i] 来获得对应的某一个元素} (2).jquery方法 $("#id").each
-
JQuery 获取Dom元素的实例讲解
废话不多说,直接上代码 (function (window) { var arr = []; var VP = function (selector, context) { return new VP.fn.init(selector, context); } VP.fn = VP.prototype = { constructor: VP, init: function (selector, context) { var _document = window.document, elem, m
-
jquery attr()设置和获取属性值实例教程
语法: 1.attr("属性名"): //获取属性的值(取得第一个匹配元素的属性.通过这个方法可以方便的从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回undefined) 2.attr("属性名","属性值"); //设置属性的值(为所有匹配的元素设置一个属性值) 3.attr("属性名","函数值"); //设置属性的函数值(为所有匹配的元素设置一个计算的属性值.不提供值,而是提供一个函
随机推荐
- Java编程将汉字转Unicode码代码示例
- 详解Servlet之过滤器(Filter)
- HTML中setCapture、releaseCapture 使用方法浅析
- php curl上传、下载、https登陆实现代码
- 安装和使用percona-toolkit来辅助操作MySQL的基本教程
- mysql函数split功能实现
- Mysql数据库命令大全
- ASP.NET中Webservice安全 实现访问权限控制
- sqlserver主键设计的注意点
- 轻松创建nodejs服务器(1):一个简单nodejs服务器例子
- Opcache导致php-fpm崩溃nginx返回502
- Android Loader详细介绍及实例代码
- Java 十进制转二、八、十六进制的字符串
- 详解Java中Comparable和Comparator接口的区别
- 基于文本的访客签到簿
- Go语言中通过Lua脚本操作Redis的方法
- 基于Java数组实现循环队列的两种方法小结
- vue嵌套路由与404重定向实现方法分析
- PHP智能识别收货地址信息实例
- layui2.0使用table+laypage实现真分页