求大佬告知这个js怎么改成iquery形式

[け-.-郑]

求大佬告知这个js怎么改成iquery形式，前面的是js，后面的是js中涉及到的html

[KDDA]

为什么要改成jq，没必要啊

[槿畔]

这种作业基本的改改就好了，引入一个jquery的js库，然后举几个例子,大致看一眼，基本上就以下几种类型： getElementById('id')换成$('#id')，ByclassName的'$'内部不再用'#'号，改用'.' onClick事件，可以直接改成click，或者on监听这个事件，，如$('#id').click(function(){console.log('我点击了')}) 添加class名：$('#id').addClass（‘active’） 控制显示隐藏，类似display：block/none： $("p").show(); $("p").hide();

[け-.-郑]

引用 3 楼 河南棒小伙的回复:

如果硬要换的话，把原生js语句换成jquery的语句就可以了，比如把getElementById('id')换成$('#id')即可，把你自己写的动画slidedown，slideup换成jquery自带的，$.slideDown,$.slideUp，用法自行百度吧，jquery都是封装好的，换了之后，代码会相当简洁，试一下你会知道效果。

slidedown原来也要换啊……谢谢

[け-.-郑]

引用 4 楼 槿畔的回复:

这种作业基本的改改就好了，引入一个jquery的js库，然后举几个例子,大致看一眼，基本上就以下几种类型： getElementById('id')换成$('#id')，ByclassName的'$'内部不再用'#'号，改用'.' onClick事件，可以直接改成click，或者on监听这个事件，，如$('#id').click(function(){console.log('我点击了')}) 添加class名：$('#id').addClass（‘active’） 控制显示隐藏，类似display：block/none： $("p").show(); $("p").hide();

就是例如，$(‘#next’).style.display＝“block”; 要改成$(‘#next’).style.display∶block;吗……

[槿畔]

引用 7 楼 け-.-郑 的回复:

[quote=引用 4 楼 槿畔的回复:]这种作业基本的改改就好了，引入一个jquery的js库，然后举几个例子,大致看一眼，基本上就以下几种类型： getElementById('id')换成$('#id')，ByclassName的'$'内部不再用'#'号，改用'.' onClick事件，可以直接改成click，或者on监听这个事件，，如$('#id').click(function(){console.log('我点击了')}) 添加class名：$('#id').addClass（‘active’） 控制显示隐藏，类似display：block/none： $("p").show(); $("p").hide();

就是例如，$(‘#next’).style.display＝“block”; 要改成$(‘#next’).style.display∶block;吗……[/quote]我说过了jquery提供了show()和hide()，你这种不是不可以，其实你写的就是原生js和jquery的混合，你查一下就知道了。

[け-.-郑]

引用 1 楼 KDDA的回复:

为什么要改成jq，没必要啊

因为老师的作业……我也只会js了……

[河南棒小伙]

如果硬要换的话，把原生js语句换成jquery的语句就可以了，比如把getElementById('id')换成$('#id')即可，把你自己写的动画slidedown，slideup换成jquery自带的，$.slideDown,$.slideUp，用法自行百度吧，jquery都是封装好的，换了之后，代码会相当简洁，试一下你会知道效果。