jQuery(3-7)属性操作

最新推荐文章于 2024-07-05 14:21:58 发布

置顶星蓝之夜

最新推荐文章于 2024-07-05 14:21:58 发布

阅读量662

点赞数 1

分类专栏： jQuery 文章标签： jquery function stylesheet class html

本文链接：https://blog.csdn.net/a6613459/article/details/7096816

版权

jQuery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!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>