扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
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]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;
});
});
!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
不用就可以了 自己拼写就可以了
返回一个数组对象 forEach循环 遍历
首先下载一个新的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);
}
);
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流