Question

关于js和jquery相互转换的问题

给一个按钮添加点击事件时 if($("#grade_list")[0].style.display=="none"；{$("#grade_list").css("display","block");}
在点击的首次总是无效 接下来就生效了
当我使用if($("#grade_list").css('display')=="none")
{$("#grade_list").css("display","block");}
刚才的问题就j就解决了这个问题 。
想不通是为什么 请高手解答。

Answer 1

额，如果可以的话，让看看完整的代码吧_(:з」∠)_。

我看你的大概意思是单机按钮判断这个元素知否隐藏，并让它显示出来。
不太明白你为什么要用这种方法。所以希望你能提供完整的代码

追问

$("#grade").click(function(){

if($("#grade_list").css('display')=="none")
{$("#grade_list").css("display","block");}
else
{$("#grade_list").css("display","none");}
})

追答

$(function(){
$("#grade").click(function(){
 if($("#grade_list")[0].style.display=="none");
{$("#grade_list").css("display","block");}
})
});

$(function(){
$("#grade").click(function(){

if($("#grade_list").css('display')=="none")
 {$("#grade_list").css("display","block");}
 else
{$("#grade_list").css("display","none");}
 })
});

我用的这两种方法貌似某没有问题呀？

追问

我用if($("#grade_list")[0].style.display=="none");
首次点击无效 然后第二下开始生效。不知道为什么。你没有这样吗

追答

$(function(){
$("#grade").click(function(){
 
if($("#grade_list")[0].style.display!="block")
 {$("#grade_list").css("display","block");}
 else
{$("#grade_list").css("display","none");}
 })
});

改好了，完美。我修改了判断的条件，你自己体会一下。

还有，既然用了jQuery，为什么要用这种判断方法来点击隐藏和显示内容呢？

有大神说了：

 jq就jq。js就js不要混搭 

追问

混搭是因为我刚学 不熟练。。
这样可以的话 能说说造成这种现象的原因吗

追答

额，因为你这种做法本身就是错误的，所以我说不清到底是什么原因。

我在做这种点击按钮控制什么样式都是直接用jQuery完成的。