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>