Question

jquery这样写好像和javascript的写法没什么区别啊，像那种与HTML分离的怎么写？

<div onclick="fnc('aa')">我不知道</div>
<div id="aa">我什么都不知道...</div>
<div onclick="fnc('bb')">我不知道</div>
<div id="bb">我什么都不知道...</div>
<script type="text/javascript">
function fnc(str){
$("#"+str).slideToggle(3000)
}
</script>

Answer 1

jquery是一个框架，或者你也可以理解为javascript的函数方法的封装
他本身就是javascript语言，只是他封装了一些函数方法类，使调用起来更简单方便而已！
所以，纯粹用jquery也行，用jquery的方法和原javascript代码混编也行
你上面的代码，也可以这样改成完全用jquery的语法来写
<div class="a">我不知道</div>
<div>我什么都不知道...</div>
<div class="a">我不知道</div>
<div>我什么都不知道...</div>
<script type="text/javascript">
$(document).ready(function(){
$('div.a').click(function(){
$(this).next('div').slideToggle(3000);
});
});
</script>

如果你非要说差别就是，你的代码，给div元素加了onclick鼠标单击事件
而我给你改的代码，没有加任何事件
jquery最大的好处或者区别就是，能自动去捕捉标签元素的任何事件，而无需你在标签上写什么onclick=什么什么的

追问

那我加个$(document).ready(function(){

...

})
这样效果就不行了啊

追答

如果你是html标签直接触发事件，比如：<div onclick=""
这样的，那就不要加那个
$(document).ready(function(){

...

})

如果你用jquery来捕获标签事件，那就加
例外，有个现象，我没有去研究确定
如果jquery代码在head标签直接，那就要加
如果是jquery在body标签之间，好像不要加！
这个你自己去研究下啊！

Answer 2

你可以把你的js代码放到一个js文件里面,然后再你的html代码里面引用