ホームページ > ウェブフロントエンド > jsチュートリアル > jquery を使用すると、返されたコンテンツを特定の div に表示できます (短くて簡潔なコード)_jquery

jquery を使用すると、返されたコンテンツを特定の div に表示できます (短くて簡潔なコード)_jquery

WBOY
リリース: 2016-05-16 16:43:31
オリジナル
1096 人が閲覧しました

前に書きましたajax を使用すると、返されたコンテンツを特定の div に表示できます最近 jquery を調べていたので、jquery を使用して書き直しました。jquery は実際には「書き込みを減らし、より多くのことを行う」ことを意味します。

<html> 
<head> 
<title></title> 
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script> 
<meta charset="utf-8" /> 
<script> 
$(function(){ 
$("#right").load("test1.php"); 
$("#left").click(function(){ 
$("#right").load("test2.php"); 
return false;//禁止按钮提交 
}); 
}); 

</script> 
</head> 

<body> 
<div id="left"><a href="#">点击这里</a></div> 
<hr /> 
<div id="right"></div> 
</body> 
</html>
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート