十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
$("div#tab div:lt(5)") 前5个
创新互联主营文圣网站建设的网络公司,主营网站建设方案,app软件开发,文圣h5微信小程序开发搭建,文圣网站营销推广欢迎文圣等地区企业咨询
$("div#tab div:gt(4)") 后5个
:eq(n) 第n个匹配元素(n)从0开始
:gt(n) 第n个匹配元素(不包括它自身)之后的元素
:lt(n) 第n个匹配元素(不包括它自身)之前的元素
声明变量的问题:
var $ li_1 = $("li/li"); $与li_1之间无空格.
解决方法:
var $li_1 = $("li/li");
加载顺序的问题.
页面时从上往下执行,也就是说
script type="text/javascript"
var $ li_1 = $("li/li");
var $ li_2 = $("li/li");
$("ul").append($li_1);
$("ul").append($li_2);
/script
这部分运行的时候,页面还没有加载完成,所以$("ul")是空对象.
解决方法:
1.调整位置:
ul
li title = "苹果"苹果/li
li title = "橘子"橘子/li
li title = "菠萝"菠萝/li
/ul
script type="text/javascript"
var $ li_1 = $("li/li");
var $ li_2 = $("li/li");
$("ul").append($li_1);
$("ul").append($li_2);
/script
2.使用加载函数:
//开始使用jquery
script language="javascript" src="jquery.js"/script
script language="javascript" type="text/javascript"
//方法1:使用js自身的加载方法
window.onload=function(){
var $ li_1 = $("li/li");
var $ li_2 = $("li/li");
$("ul").append($li_1);
$("ul").append($li_2);
}
//方法2:使用jquery的加载方法
$(function(){
var $ li_1 = $("li/li");
var $ li_2 = $("li/li");
$("ul").append($li_1);
$("ul").append($li_2);
})
/script
可以使用jquery的hover()事件。
$("img").hover(
function(){$("div").show();},
function(){$("div").hide();},
);
我想你理解错了,其实你说的ID或class属性是自己定义的,之所以写成ui-widget-header 之类的,完全是为了方便理解和修改。
jquery的帮助文档是最好的学习文档,当然得有点js基础,网上也有jquery的教学视频,非常不错。其实写学jquery就是为了使用,在工作中有锻炼的机会可以大幅提高你对jquery的理解。在配合比较好的开发工具,那是非常有帮助的,目前从我了解到的前段开发工具中 ,提示功能最强大的是webstorm,还有其他的开发工具比如dreamweaver,eclipse ,文本编辑器editplus 等等。平常多看别人代码,多练习,熟悉相关api,很容易让你脱离所谓的“菜鸟”级别