手记

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>




0人推荐
随时随地看视频
慕课网APP