0
点赞
收藏
分享

微信扫一扫

jquery对象级别的插件开发


简介

jquery对象级别的插件开发,对于一些jquery中没有的方法,我们可以自己进行封装

方法

index.js

$(function(){
$("#btn").click(function(){
alert($("#d1").color());
//$("#d1").css("color","red");
//document.getElementById("d1").style.color="red";
})
})

function test(){
document.getElementById("d1").style.color="red";
}

jquery-color.js

(function($){
$.fn.color=function(value){
if(value==undefined)
return $(this).css("color");
else
$(this).css("color",value);
}
})(jQuery);

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-3.6.3-min.js"></script>
<script src="js/index.js"></script>
<script src="js/jquery-color.js"></script>
</head>
<body>
jquery插件:<br />
<input type="button" id="btn" value="颜色" />
<div id="d1" style="color: red;">
颜色改成红色
</div>
</body>
</html>

jquery对象级别的插件开发_css

效果

jquery对象级别的插件开发_html_02


举报

相关推荐

0 条评论