Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
下面的javascript等价物是什么?_Javascript_Jquery_Jquery Ui - Fatal编程技术网

下面的javascript等价物是什么?

下面的javascript等价物是什么?,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,如何使用香草javascript实现这一点?下面使用jQuery语法 $(function(){ $("ul.dropdown li").hover( function(){ $(this).addClass("hover"); $('ul:first',this).css('visibility', 'visible'); }, function(){ $(this

如何使用香草javascript实现这一点?下面使用jQuery语法

$(function(){
    $("ul.dropdown li").hover(
        function(){
            $(this).addClass("hover"); 
            $('ul:first',this).css('visibility', 'visible');
        },
        function(){
            $(this).removeClass("hover");
            $('ul:first',this).css('visibility', 'hidden');
        }
    );
    $("ul.dropdown li ul li:has(ul)").find("a:first").append(" » "); 
});

类似的情况如下:

document.body.addEventListener(
    'load',
    function(){
        var elements = document.querySelectorAll("ul.dropdown li");
        for(var i = 0, l = elements.length; i < l; i++){
            var e = elements[i];
            e.addEventListener('mouseover', function(e){
                e.setAttribute('class', e.getAttribute('class') + ' hover');
                document.querySelector("ul.dropdown li").style.visibility = 'visible';
                e.style.visibility = 'visible';
            })
            e.addEventListener('mouseout',  function(e){
                e.setAttribute('class', e.getAttribute('class').replace(' hover',''));
                document.querySelector("ul.dropdown li").style.visibility = 'hidden';
                e.style.visibility = 'hidden';
            })
        }
        document.querySelector("ul.dropdown li ul li:has(ul)").querySelector("a:first").innerHTML += " &raquo; "; 
    }
)
document.body.addEventListener(
“加载”,
函数(){
var元素=document.queryselectoral(“ul.dropdownli”);
for(var i=0,l=elements.length;i

(但不一样)

jQuery也是JavaScript。来吧,至少试着以人们希望帮助你的方式提问……请编辑你的帖子,并使用将来可用的格式工具,正确地换行和缩进你的代码。那代码不可读。看看CERBUR的编辑修订版,看看他们做了什么@J.Steen:“是的”,我只是一个人:P[/吹毛求疵]@Cerburs没有考虑到你用了一个类似于三头狗的名字;)当我们不知道一个人的性别时,我和其他许多人都会使用“他们”。=)嘿,这让我的生活轻松多了。谢谢:)事实上,我只需要理解jQuery语法难以理解的概念。这确实很有帮助。哦,基本上,这是一个“这是做什么的?”的问题?