jquery 怎么选择子层

gw6328 2011-02-15 01:47:18

<ul id="nav">
<li><a href="#">aaaaa</a>
<ul>
<li>dsf</li>
<li>dsf</li>
<li>dsf</li>
</ul>
</li>
<li><a href="#">aaaaa</a>
<ul>
<li>dsf</li>
<li>dsf</li>
<li>dsf</li>
</ul>

</li>
<li><a href="#">aaaaa</a>
<ul>
<li>dsf</li>
<li>dsf</li>
<li>dsf</li>
</ul>

</li>

</ul>

怎么选择nav下的li ,但是不要选择<ul>
<li>dsf</li>
<li>dsf</li>
<li>dsf</li>
</ul>
这个里的li
...全文
99 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
yhtapmys 2011-02-15
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 jinfengyiye 的回复:]
引用 4 楼 missgd152 的回复:
$(document).ready(
function(){
alert($("ul li:nth-child(1)"));
});
nth-child 在每个ul下查找li。

不是这个,我是要选择仅仅是下一层的li
<ul>
<li>这里面要有li我就不选择了</li>
<li>这里也是</li>
</ul>
[/Quote]


$(function() {
$('#nav>li').each(function() {//$('#nav>li') !=$('#nav li')
var key = $(this);
key.mouseover(function() {
$(this).children(".nn1").fadeIn();
});
key.mouseout(function() {
$(this).children(".nn1").fadeOut();
});
});
});
gw6328 2011-02-15
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 missgd152 的回复:]
$(document).ready(
function(){
alert($("ul li:nth-child(1)"));
});
nth-child 在每个ul下查找li。
[/Quote]
不是这个,我是要选择仅仅是下一层的li
<ul>
<li>这里面要有li我就不选择了</li>
<li>这里也是</li>
</ul>
missgd152 2011-02-15
  • 打赏
  • 举报
回复
$(document).ready(
function(){
alert($("ul li:nth-child(1)"));
});
nth-child 在每个ul下查找li。
挨踢直男 2011-02-15
  • 打赏
  • 举报
回复
key 是个数组 你这个写法好像不对

我记得jquery有个 each 方法 用他迭代 再用 $(this)添加事件
gw6328 2011-02-15
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 aspwebchh 的回复:]
var liarray = document.getElementById("nav").getElementsByTagName("li")
[/Quote]
$(function(){
var key=document.getElementById("nav").getElementByTagName("li");
key.mouseover(function(){
$(this).children(".nn1").fadeIn();
});
key.mouseout(function(){
$(this).children(".nn1").fadeOut();
});
});
我改成这个了但是子的 li 也会有mouseover与mouseout事件
这个是不是下面代码的问题 ?
挨踢直男 2011-02-15
  • 打赏
  • 举报
回复
var liarray = document.getElementById("nav").getElementsByTagName("li")
第1章 第一个简单的jQuery程序 jQuery事件的链式写法 控制jQuery对象 jQuery控制CSS样式 第2章 使用JavaScript实现隔行变色 使用jQuery选择器实现隔行变色 JavaScript代码检测页面元素 jQuery代码检测页面元素 使用jQuery基本选择器 使用jQuery层次选择器 使用jQuery基本过滤选择器 使用jQuery内容过滤选择器 使用jQuery可见性过滤选择器 使用jQuery属性过滤选择器 使用jQuery子元素过滤选择器 使用jQuery表单对象属性过滤选择器 使用jQuery表单过滤选择器 第3章 DOM树状文档 获取元素的属性 设置元素的属性 设置元素的属性 获取或设置元素的内容 获取或设置元素的值 直接设置元素样式值 增加CSS类别 类别切换 动态创建节点元素 动态插入节点方法 动态插入节点方法 复制元素节点 替换元素节点 包裹元素节点 遍历元素 删除元素 数据管理 第4章 事件中的冒泡现象 bind方法绑定事件 映射方式绑定不同的事件 切换事件hover 切换事件toggle 移除事件unbind 其他事件one 其他事件trigger 文本框中的事件应用 列表框中事件应用 列表中的导航菜单应用 网页选项卡应用 删除记录时的提示效果 第5章 show()与hide()方法 动画效果的show()与hide()方法 toggle()方法 slideDown()与slideUp()方法 slideToggle()方法 fadeIn()和fadeOut()方法 fadeTo()方法 简单的动画 移动位置的动画 队列中的动画 动画停止和延时 动画方式浏览图片 第6章 传统的JavaScript方法实现Ajax功能 load()方法实现Ajax功能 getJSON函数获取数据 getScript函数获取数据 get实现异步获取xml文档数据 $.get发送请求 $.post发送请求 serialize()序列化表单 $.ajax()方法发送请求 第7章 validate验证插件 form表单插件 cookie插件 autocomplete插件 notesforlightbox插件 ContextMenu插件 JQZoom放大镜插件 编写一个对象级别的插件 编写一个类级别的插件 uploadify文件上传插件 第8章 使用draggable插件实现对象的拖曳操作 使用droppable插件实现对象的置放操作 使用sortable插件实现列表中表项的拖曳排序操作 使用accordion插件实现区域块的折叠操作 使用datepicker插件实现选择日期的操作一 使用datepicker插件实现选择日期的操作二 使用tabs插件展示选项卡的基本功能 使用dialog插件弹出提示和确定信息对话框 使用jQuery UI插件以拖动方式管理相册 第9章 使用browser对象获取浏览器信息 使用boxModel对象检测是否是W3C盒子模型 使用$.each()工具函数遍历数组 使用$.each()工具函数遍历ajaxSettings对象 使用$.grep()工具函数筛选数组中的元素 使用$.map()工具函数变更数组中的元素 使用$.inArray()工具函数搜索数组中指定元素的位置 使用$.trim()工具函数除掉字符串的空格符 使用$.isEmptyObject()函数检测对象是否为空 使用$.isPlainObject()函数检测对象是否为原始对象 使用$.contains()函数检测两个节点是否包含 使用$.param()进行数组元素序列化 使用函数$.extend()扩展工具函数 使用函数$.proxy()改变事件函数的作用域 使用jQuery扩展工具函数实现对字符串指定类型的检测< 第10章 在指定的查找范围内获取DOM元素 选择器中含有空格符与不含空格符的区别 事件中的target方法优化冒泡现象 使用data()方法在元素上存取移数据 使用data()方法在元素上存取移JSON格式的数据 解决jQuery库先于其他库导入时变量“$”的使用权 解决jQuery库后于其他库导入时变量“$”的使用权 使用子查询优化选择器性能 减少对DOM元素直接操作 DOM对象与jQuery对象的类型转换 第11章 应用案例-聊天室系统 应用案例_图片切割
跟着视频做的 ,代码原来老师教程视频用的拼音简写字段 和表名 我是把字段都翻译了,自己重做一遍的,我做这个也是感觉,没有代码,一个字母敲挺郁闷的,尤其那个html页面。 说明一点:把数据库导进去后,把端口改好,那时,我写成8088 你电脑写的什么你就改刚过来,还有 那个过滤器src/com.hj.filter/LoginFilter.java 你的工程名师什么,记得到LoginFilter.java改和你的一样了。自学了一个多月终于写完了。哈哈 现在共享了,系统我这边是运行正常的;如有问题,M一下。 一、项目介绍 CRM英文全称Customer Relationship Management,中文名为客户关系管理。由美国Gartner 集团提出。本系统将提供给老板、经理(副经理)、销售员等人员使用,完成对客户关系的日常管理。 我们认为,CRM是辨识、获取、保持和增加“可获利客户”的理论、实践和技术手段的总称。它既是一种国际领先的、以“客户价值”为中心的企业管理理论、商业策略和企业运作实践,也是一种以信息技术为手段、有效提高企业收益、客户满意度、雇员生产力的管理软件。北风网推出的CRM项目除了在业务上的特色之外,还综合了Struts 2+ Spring + Hibernate+ Jfreechart+JQuery+AJAX的技术实现:利用Spring来解耦合,管理依赖,将整个应用进行整合;持久化层采用轻量级的ORM解决方案Hibernate;对系统中的多种报表生成采用Jfreechart技术。 这个项目所涉及的知识点包括SSH三大框架,同时也介绍了其他常用的框架,如Jquery、Jfreechart等,在介绍了新技术点的同时重点让大家了解了CRM的业务知识,TBC(技术+业务+沟通)是优秀程序员必不可少三要素。 二、项目学习特色: 这个项目课程最大的特色是手把手详细讲解+手把手的分析业务流程+每天半小时的实时答疑(特殊情况除外)+学习后多次反复播放复习=真实课堂学习效果 三、项目实际价值: 本项目来源于真实的企业级别项目,项目由历风行老师根据自己实际开发项目抽取出来,该案例实际价值是一个6万左右的项目,虽然功能和工作量上面有部分缩水,但是技术含量绝对没有缩水。经过厉老师2个多月的对原有项目的二次开发,重新集成了新技术点,使项目的价值远远超过实际开发项目的价值。 四、用到的框架和技术点: 1.struts2.0 2.Hibernate 3.spring 4.Ajax 5.Jfreechart 6.JQuery 7, JSP Tree Tag 9.DWR 10.UML 11.Log4J 12.JUnit技术 13.ant 14.CVS 15.webserice 17.PowerDesigner 18.XDoclet 19.extjs ...................... 五、功能模块 1.客户管理 包含子模块:客户管理、客户服务、投诉处理、客户关怀、客户导入等模块 2.联系人管理 3.权限管理(重点模块) 包含子模块:功能模块、角色模块、用户模块。 4.日程/任务管理(包括日志之类的Log4J、JUnit技术) 5.项目管理 6.数据字典 .......................................................................... 六、课程特色 1真实性、实战性 如果您能够完整的学好这个项目(自己能够理解业务等),走进企业,您完全不需要去考虑工作是否可以胜任,只要您告诉您的面试官,您所了解CRM方面的业务实现之类的! 2.流行趋势 该项目使用流行的Struts 2 + Hibernate + Spring + JQuery整合开发。众所周知Struts 2框架比之前辈要胜出不少,而Hibernate框架也是持久化中的首选,而大名鼎鼎的Spring更是无所不能。再加上设计轻巧的JQuery框架,一个完美的整合框架由此而生。 3.真实的案例 该案例是一个价值6万元的项目,当然在功能和工作量上有部分缩水,但是技术绝对不会缩水。 4.项目中技术点: 该项目中的技术点可谓众多,每个技术点的实现都有一定的技巧,在本项目中老师会带领大家去采用最实用的技术去实现众多技术点。 七、课程安排(大体安排60讲左右,每讲在45分钟以上)。 课程包括数据库层设计,业务流程分析,系统架构设计,系统的编码、系统的打包、系统的部署运行 1-15讲:客户管理开发 16-25讲:联系人管理开发 26-40讲:权限管理开发 41-50讲:日程管理开发 50-60讲:项目管理开发

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧