htmlタグ内でjqueryを使用しますか？

jqueryをhtmlタグ内に挿入するには、onclickのようにします。たとえば、このjquery関数をhtml内に挿入するにはどうすればよいですか？ buttonタグ作品のonclick属性に直接あなたの関数の本体を置くhtmlタグ内でjqueryを使用しますか？

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("p").slideToggle(); 
    }); 
}); 
</script> 
</head> 
<body> 
<p>This is a paragraph.</p> 
<button>Toggle between slide up and slide down for a p element</button> 
</body> 
</html>

出典

2012-03-24 Sarah

正確に何をしようとしていますか？あなたが今働いているコードは動作していませんか？ – JJJ

jQueryのチュートリアルの一部を読んでください。http://docs.jquery.com/Tutorials –

インラインイベントハンドラを使用すると、Webサイトの指数関数的なメンテナンスが難しくなります。可能であれば、あなたの行動をマークアップから守ってください。 –

。

<button onclick='$("p").slideToggle();'> 
    Toggle between slide up and slide down for a p element 
</button>

はしかし、私はそれが$(document).ready機能を活用していますので、あなたがそれを持っている方法は、それを行うための望ましい方法だと思います。

出典

2012-03-24 14:12:38

ありがとう:) – Sarah

htmlタグ内でjqueryを使用しますか？

答えて

関連する問題