jQuery判断属性是否存在,没有则加上

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<script type="text/javascript" src="E:\jquery-3.3.1.js"></script>
	<script type="text/javascript" src="target.js"></script>
</head>
<body>
	<a href="https://www.baidu.com/">百度</a>
	<a href="http://www.qq.com/" target="_blank">腾讯</a>
	<a href="http://www.sina.com.cn/">新浪</a>
</body>
</html>

target.js代码如下:

$(function(){
	$("a").each(function(){
		if(typeof($(this).attr("target"))=="undefined"){
			$(this).attr("target","_blank")
		}
	});
});

demo中用到以下几个知识点:

1.jQuery表示文档加载完成后执行:

$(function(){
  //从此处开始写js代码
})
2.jQuery判断属性是否存在
if(typeof($(this).attr("target"))=="undefined")

3.jQuery遍历:

$(selector).each(function(index,element){
    //index是索引,element是每一个jQuery对象
})

猜你喜欢

转载自blog.csdn.net/parade0393/article/details/80672148
今日推荐