jQuery(3-7)属性操作-优快云博客

本文详细介绍了HTML页面中使用属性、元数据标签、样式、脚本和事件处理的实践，通过实例展示了如何操作页面元素的属性，实现与用户的交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>属性操作.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<p class="wid" title="选择你喜欢的水果"> 你喜欢的水果是？</p>
<ul style="background-color: purple">
<li title ="苹果 ">苹果</li>
<li title ="橘子 ">橘子</li>
<li title ="菠萝 ">菠萝</li>
<li title ="香蕉 ">香蕉</li>
<li title ="梨子 ">梨子</li>
</ul>

</body>
<script type="text/javascript">
/* $(function(){
$('p').attr("title","your title"); //获取 p元素节点属性为 title 给值
});*/

/*$(function(){
var $a = $('p').html(); //html()读取还可以设置某个元素中的内容
alert($a); //打印类容
$('p').html('<strong>猪猪猪猪 </strong>'); //设置类容
});
*/

/*$(function(){
var $a = $('p').text(); //text()读取还可以设置某个元素中的内容
alert($a); //打印类容
$('p').text('<strong>猪猪猪猪 </strong>'); //设置类容晕这个连标签都可以打印出来厉害完全文本输出
});*/

$(function(){

$('p').removeAttr('title'); //删除p元素中的title属性

<p class="wid" title="选择你喜欢的水果"> 你喜欢的水果是？</p>

删除后

<p class="wid" > 你喜欢的水果是？</p>

});

</script>

</html>