<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<script type="text/javascript" src="../css/css/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../css/css/js/bootstrap.min.js"></script>
<title>Document</title>
</head>
<body>
<!--<p>baidu.com.cn</p>
<p>baidu.com.cn</p>
<p>baidu.com.cn</p>
<p>baidu.com.cn</p>
<button>添加新内容</button>-->
<p><a href="http://www.baidu.com.cn" class="baidu" id="111">baidu.com.cn</a></p>
<p><a href="http://www.baidu.com.cn" class="baidu" id="222">baidu.com.cn</a></p>
<p><a href="http://www.baidu.com.cn" class="baidu" id="333">baidu.com.cn</a></p>
<p><a href="http://www.baidu.com.cn" class="baidu" id="444">baidu.com.cn</a></p>
<button>改变href值</button>
<p>请把鼠标指针移动到连接上，或者点击该链接，来查看已经改变的href值</p>
</body>
</html>
<script type="text/javascript">
/*$("button").click(function(){
$("p").html(function(i,origValue){
//回调函数中i是当前被选元素的下标，origvalue是原来的文本
return i +","+ origValue +"/news";
})
$("p").attr("id","1").attr("id");
//console.log($("p").attr("id","1").attr("id"));
$("p").attr({"href":"http://www.baidu.com","title":"百度"});
console.log($("p"));
//在被选元素的结尾插入内容
$("p").append("<li>Appended item</li>");
//在被选元素的开头插入内容
$("p").prepend("<li>beautiful</li>");
//在被选元素之后插入内容
$("p").after("<li>new</li>");
//在被选元素之前插入内容
$("p").before("<li>Engshi</li>");
})*/
$("button").click(function(){
$(".baidu").html(function(i,origValue){
return i+","+origValue + "/images";
})
//向元素添加指定的类名
$(".baidu").addClass("888");
//console.log($(".baidu"));
//移除所有匹配的元素
//$(".baidu").remove(".baidu");
//从所有匹配的元素中移除指定的属性
/*$(".baidu").removeAttr("id");
console.log($(".baidu"));*/
alert($("p:first").hasClass("改"));
})
</script>