jquery与js转换,js和jquery相互转换

把jQuery代码改为js代码，代码如下？

onload = function(){

game_start=false;

var game_life=0;

var game_score=0;

var loop_state;

var div_down;

document.querySelector("#flag").onclick(function()

{

if(game_start==true)

{

game_over();

}

else

{

game_start=true;

game_life=3;

game_score=0;

document.querySelector("#show_life").innerHTML = "生命数："+game_life;

document.querySelector("#show_score").innerHTML="得分数："+game_score;

create_ingot();

loop_state=setInterval(function(){create_ingot()},1500);

div_down=setInterval(function(){go_down()},50);

}

[img]

相关问答

Q1: js代码改为jquery该怎么写

1、查找(创建)jQuery对象：$("selector");

2、调用jQuery对象的方法完成我们需要完成的工作：$("selector").doOurWork();好了，jQuery就是以这种可以说是最简单的编码逻辑来改变javascript编码方式的。这两个步骤是jQuery的编码逻辑核心！

要实现这种简洁编码方式，创建jQuery对象这一环节至关重要。因此，jQuery的dom元素查找能力相当强悍。此外，jQuery对象的方法肯定是有限的，有限的方法满足不了日益增长各有所需的要求，所以，必须提供jQuery对象方法的扩展能力。

强悍的dom元素查找能力，以及随心所欲的方法扩展，这两点正是jQuery的核心所在！来一个简单的示例，来说明jQuery是如何工作的：

!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0

Transitional//EN”””baidu

$(function(){

$(“a“).click(function(e){//1)查找$(”a”);2)jQuery对象事件click;3)jQuery对象方法hide$(this).hide(“slow“);

returnfalse;

});

});

Q2: jquery和jsDom的区别和转换

!DOCTYPE html

html

head lang="en"

    meta charset="UTF-8"

    title/title

/head

body

script src="jquery-1.11.1.js"/script

script

//----------------------------jquery中的Dom对象和js中的dom对象区别和联系----------------------//

        //入口函数

        $(document).ready(function(){

            //jquery对象是一个数组。数组中包含着原生JS中的DOM对象。

            var jqbox = $("#box");

            var jqCbox = $(".box");

            var jqdiv = $("div");

            console.log(box);

            console.log(jqbox);

            console.log("------------");

            console.log(cbox);

            console.log(jqCbox);

            console.log("------------");

            console.log(div);

            console.log(jqdiv);

            //原生js中没有css();

            //            div.css("width: 100px;height:100px;background-color:red;margin:10px;");

            //jquery中有css();  原因就是因为：jquery有一层功能皮肤。可以理解相当于js套了一层皮肤

            jqdiv.css({"width": 100,"height":100,"background-color":"red","margin":10});

//---------------------------------jquery中DOM对象和js中DOM对象的转换--------------------------------//

            //如果想要那种方式设置属性或方法，必须转换成该种类型 。

                

            //1.js对象转换成jquery对象    $(js对象);

            //2.jquery对象转换成js对象    1).jquery对象[索引值]   2).jquery对象.get(索引值)

            //jquery对象是一个数组。数组中包含着原生JS中的DOM对象。

                //获取相关元素js写法

            var box = document.getElementById("box");

            var cbox = document.getElementsByClassName("box");

            var div = document.getElementsByTagName("div");

                //获取jquery相关对象

            var jqbox = $("#box");

            var jqCbox = $(".box");

            var jqdiv = $("div");

            console.log(box);

            console.log(jqbox);

            console.log("------------");

            console.log(cbox);

            console.log(jqCbox);

            console.log("------------");

            console.log(div);

            console.log(jqdiv);

            //转换成jquery对象

            box = $(box);

            cbox = $(cbox);

            div = $(div);

            console.log(box);

            console.log(jqbox);

            console.log("------------");

            console.log(cbox);

            console.log(jqCbox);

            console.log("------------");

            console.log(div);

            console.log(jqdiv);

            //转换成了jquery对象，皮上面有功能可以直接调用。

            div.css({"width": 100, "height": 100, "border": "1px solid red"});

            box.css("background", "red");

            cbox.css("background", "yellow");

        });

/script

    div/div

    div class="box"/div

    div id="box"/div

    div class="box"/div

div/div

/body

/html

Q3: 把jquery代码改成js代码？

不用就可以了 自己拼写就可以了

返回一个数组对象 forEach循环 遍历

Q4: 求帮忙把jquery-1.4.2.min.js的代码转换成1.8.3.min.js可用的代码

首先下载一个新的jq,替换原来的jq,记得改路径和名字然后把你之前的代码替换成：

$(function () {

var indexid = $(".onthis").index();

if (indexid 0)

{

indexid = 0;

}

$("#menus li").attr("class", "menu_li");

$("#menus li").eq(indexid).attr("class", "menu_lishw"); //设置当前频道标签高亮

$(".menu_lishw .menu_tit a").attr("class", "sele");

$(".menu_lishw .menu_con").show();

});

$("#menus .menu_li").hover(

function(){

clearTimeout(setTimeout("0")-1);

$("#menus .menu_con").hide();

$("#menus li .menu_tit .sele").attr("class","shutAhover");

$(this).attr("id","nav_hover")

$("#nav_hover .menu_tit a").attr("class","sele");

$("#nav_hover .menu_con").show();

},

function(){

if(jq(this).attr("class") != "menu_lishw"){

$("#nav_hover .menu_tit .sele").attr("class","");

$("#nav_hover .menu_con").hide();

}

$(this).attr("id","")

$("#menus li .menu_tit .shutAhover").attr("class","sele");

setTimeout(function(){

$(".menu_lishw .menu_con").show();

$(".menu_lishw .menu_tit a").attr("class","sele");

},50);

}

);