-
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>艾它社區</title>
-
<script type="text/javascript" src="./jquery.js"></script>
-
<script type="text/javascript">
-
/*jquery函數*/
-
function fun1(){
-
$("div").css("color", "red");
-
};
-
$(document).ready(function(){
-
/*jquery函數調用方式*/
-
$("button").click(function(){
-
fun1();
-
});
-
})
-
</script>
-
</head>
-
<body>
-
<button>點擊我</button>
-
<div>我會變紅的哦</div>
-
</body>
- </html>
第二種jquery對象中的自定義函數
-
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>艾它社區</title>
-
<script type="text/javascript" src="./jquery.js"></script>
-
<script type="text/javascript">
-
$(document).ready(function(){
-
/*jquery函數*/
-
$.extend({'fun1':function(){
-
$("div").css("color", "red");
-
}});
-
/*jquery函數調用方式*/
-
$("button").click(function(){
-
$.fun1();
-
});
-
})
-
</script>
-
</head>
-
<body>
-
<button>點擊我</button>
-
<div>我會變紅的哦</div>
-
</body>
-
</html>
1.運行代碼時,要有jquery.js文件,否則運行出錯
2.還有其它方法,本人只測試了這兩種,不當之處,請多指教!
出處:http://bbs.it985.com/thread-6085-1-1.html