jquery例子


jquery函数调用

<button type="button" id=‘button‘ class="btn btn-primary">click</button>
<br><br>
<p id="test">Click me!</p>


<script>
$(function() {
    function warn(){
	$("#test").css("color", "red"); 
	
$(document).ready(function(){
	$("#button").click(function(){
		warn3();
		});
</script>

点击按钮后变色,前端显示:

技术分享


例子2(两个按钮,分别在图片前后添加文本):

<button type="button" id=‘btn5‘ class="btn btn-primary">在图片前面添加文本</button>
<br><br>
<button type="button" id=‘btn6‘ class="btn btn-success">在图片前面添加文本</button>


<script>
function bef(){
	$("img").before("<b>身材超好</b><br>");
};

function aft(){
	$("img").after("<br><i>赞</i><br>");
};

$(document).ready(function(){
	$("#button").click(function(){
		warn3();
		});
	
	$("#btn5").click(function(){
		bef();
		});	

	$("#btn6").click(function(){
		aft();
		});

});

</script>




郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。