onload = function(){
站在用戶的角度思考問題,與客戶深入溝通,找到沅陵網(wǎng)站設(shè)計與沅陵網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名注冊、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋沅陵地區(qū)。
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 = "生命數(shù):"+game_life;
document.querySelector("#show_score").innerHTML="得分數(shù):"+game_score;
create_ingot();
loop_state=setInterval(function(){create_ingot()},1500);
div_down=setInterval(function(){go_down()},50);
}
[img]1、查找(創(chuàng)建)jQuery對象:$("selector");
2、調(diào)用jQuery對象的方法完成我們需要完成的工作:$("selector").doOurWork();好了,jQuery就是以這種可以說是最簡單的編碼邏輯來改變javascript編碼方式的。這兩個步驟是jQuery的編碼邏輯核心!
要實現(xiàn)這種簡潔編碼方式,創(chuàng)建jQuery對象這一環(huán)節(jié)至關(guān)重要。因此,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;
});
});
!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對象區(qū)別和聯(lián)系----------------------//
//入口函數(shù)
$(document).ready(function(){
//jquery對象是一個數(shù)組。數(shù)組中包含著原生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對象的轉(zhuǎn)換--------------------------------//
//如果想要那種方式設(shè)置屬性或方法,必須轉(zhuǎn)換成該種類型?。
//1.js對象轉(zhuǎn)換成jquery對象????$(js對象);
//2.jquery對象轉(zhuǎn)換成js對象????1).jquery對象[索引值]???2).jquery對象.get(索引值)
//jquery對象是一個數(shù)組。數(shù)組中包含著原生JS中的DOM對象。
//獲取相關(guān)元素js寫法
var?box?=?document.getElementById("box");
var?cbox?=?document.getElementsByClassName("box");
var?div?=?document.getElementsByTagName("div");
//獲取jquery相關(guān)對象
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);
//轉(zhuǎn)換成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);
//轉(zhuǎn)換成了jquery對象,皮上面有功能可以直接調(diào)用。
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
不用就可以了 自己拼寫就可以了
返回一個數(shù)組對象 forEach循環(huán) 遍歷
首先下載一個新的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"); //設(shè)置當前頻道標簽高亮
$(".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);
}
);