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>

jquery例子