如何处理HTML标签属性
2010-02-11 14:00
295 查看
在jQuery里我们可以通过
.attr()的方法来实现对HTML标签属性(tag attribute)处理。1. 获取标签属性的值 (演示)语法:
$('选定目标').attr('属性名')例子如下:(如果你对如何选定目标不了解,请查看前面的文章:jQuery基础 - 选择器)
<p id="b6_a">点击获取本段落的ID</p>
<button>查看ID</button>
<p id="b6_a">点击查看链接的URL</p>
<ul>
<li><a href="http://www.61dh.com/blog">网站开发日志</a></li>
<li><a href="http://www.61dh.com/blog/categories/">日志分类</a></li>
</ul>
//使用下面的jQuery代码,来获取ID和HREF
$(document).ready(function() {
$('button:eq(0)').click(function(){
alert("ID:" +$('p:eq(0)').attr("id"));
});
$("ul>li>a").click(function(){
alert("URL:"+$(this).attr('href'));
return false;
});
});2. 设置标签属性的值 (演示)语法:
$('选定目标').attr('属性名', '值')例子如下:
<p id="b6_c">点击设置本段落的ID,</p>
<button>设置ID</button>
//通过下面的jQuery代码,点击按钮后,p的'id'将被设置为"b6_cc"
$("button").click(function(){
$('#b6_c').attr("id", "b6_cc");
});3. 使用jQuery设置标签属性值的功能,我们可以对表单的提交的目的地进行修改,这在实际运用中还是挺有用。例如:用户可以通过点击某个链接,让表单提交给不同的php文件做不同的处理。
$('a').click(function(){
$("#myform").attr("action", "custom1.php");
});4. 上面介绍的设置标签属性值的方法都只有对一个属性进行修改,其实jQuery的
.attr()方法也可以对某个标签的多个属性进行修改,例子如下:
$("#myimg").attr({
src : "newimage.gif",
title : "New Image",
alt : "New Image",
border : 1
});
相关文章推荐
- jQuery基础 - 如何处理HTML标签属性
- jQuery基础 - 如何处理HTML标签属性
- 如何处理HTML标签属性
- HTML a标签如何设置margin属性(转)
- JavaScript权威指南_163_第17章_事件处理_17.2-注册事件处理程序-设置HTML标签属性为事件处理程序
- 如何在XSL中定义HTML标签里的属性使用XSL的值
- html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和HTML5?
- xml内容中含有HTML标签如何处理
- HTML 未知标签如何处理?
- php 处理 html 标签属性
- html5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
- 如何给html元素的onclick事件传递参数(即如何获取html标签的data-*属性)
- Sql Server 如何去掉内容里面的Html标签
- day13 Java 日期处理 HTML 基本标签 表格标签 表单标签
- HTML标签类型以及CSS如何改变标签类型
- html img图片标签alt和title属性
- html的meta总结,html标签中meta属性使用介绍
- HTML <a> 标签的 target 属性
- 自定义html标签属性,并通过JQuery获取
- HTML <img> 标签的 alt 属性