`
Rainbow702
  • 浏览: 1075988 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类

JQuery 中 next() 方法，需要注意的一个地方

jqueryidnextchildrennextAll 
阅读更多

直接上代码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	alert($("#test7").children(0) === $("#test5"));
	alert($("#test7").children(0).next().length);
});
</script>

</head>
<body>
		<div id="test1">
			<input id="test3" type="text"  value="123" />
		</div>
		<div id="test7">
			<input id="test5" type="text"  value="123" />
			<span id="test4">444</span>
			<span id="test5">555</span>
		</div>
		<div cid="test2">
			
		</div>
</body>
</html>

 

运行一下，看看结果是什么，有没有出乎意料一点？我本以为结果应该是 true 和 1，但事实却是 false 和 2，被这个问题搞了好长时间，NND的，最后还是通过IE 的开发人员工具中的DEBUG功能看出了问题所在的，

 

请注意看图中的 selector 属性，一个是  children(0), 一个是 #lte_ip6。

接下来的，我就不多说了，因为我也不是十分确定，我只是猜想一下，前者是去查询 children 中第0个以后的所有元素，而后者只是查询 lte_ip6 元素的后一个元素

  • jq.zip (32.5 KB)
  • 下载次数: 1
  • 大小: 136.9 KB
分享到：
| IPv6的正则表达式【JAVASCRIPT】
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Jquery节点遍历next与nextAll方法使用示例

    首先，next()方法是用于选择DOM树中某个元素的下一个“同类同辈”元素。这里，“同类同辈”指的是具有相同父元素的兄弟节点。当我们在一个元素上使用next()方法时，它将返回紧接在后面的第一个符合条件的兄弟节点。...

    jquery无限循环图片轮播代码

    首先，我们需要在HTML中创建一个容器来存放轮播图片，通常是一个`&lt;div&gt;`元素，然后将每张图片作为`&lt;img&gt;`元素放入该容器中。例如： ```html ``` 这里，我们用`hidden`类来隐藏非当前显示的图片。 ### 3. ...

    JQUERY笔记

    在 `$(document).ready()` 中，我们可以定义一个匿名函数（或称 lambda 函数），这是一个没有名称的函数，直接写在 `function` 关键字后，只在需要的地方使用，这样既保持了代码的整洁，又符合 jQuery 的编程风格。...

    电脑之家jQuery焦点图.zip

    【jQuery焦点图】是网页设计中常用的一种动态展示图片或内容的组件，它通常用于网站的首页或者其他需要吸引用户注意力的地方。"电脑之家jQuery焦点图"是一个基于jQuery库实现的标签式焦点图插件，其核心功能是通过...

    jquery按钮控制图片无缝滚动代码

    jQuery是一个强大的JavaScript库，它简化了JavaScript的DOM操作、事件处理以及动画制作。要使用jQuery，你需要在HTML文件中引入jQuery库，通常通过CDN链接： ```html &lt;script src="https://code.jquery....

    jQuery实现龙牙网手风琴滑动特效源码.zip

    【jQuery实现龙牙网手风琴滑动特效源码】是一个基于jQuery库的代码实现，用于创建具有动画效果的手风琴式导航菜单。手风琴效果通常在网站中用于节省空间，通过折叠和展开内容区域，使用户可以方便地查看和访问大量...

    jQuery完全实例.rar

    如果指定了 context 参数，如一个 DOM 元素集或 jQuery 对象，那就会在这个 context 中查找。 参考 Selectors 获取更多用于 expression 参数的 CSS 语法的信息。 ----------------------------------------------...

    jQuery实现文件夹创建展开收缩代码.zip

    其中，“使用须知.txt”可能是对代码使用的一些提示和注意事项，而“132677781068584078”可能是一个JavaScript文件或CSS文件的名称，具体功能需要解压后查看。为了更好地学习和应用这个代码，建议下载并研究源代码...

    从js向Action传中文参数出现乱码问题的解决方法.docx

    除了上述方法，还有一些其他可能的解决方案或需要注意的地方： 1. 配置服务器设置：如果你使用的是Tomcat，可以在`server.xml`的`Connector`标签内设置`URIEncoding="UTF-8"`属性，以确保服务器正确处理UTF-8编码的...

    jquery购物车结算功能实现方法

    在这个示例中，每个商品都是一个`&lt;div&gt;`元素，包含商品的选择框（`&lt;input type="checkbox"&gt;`）、数量增加/减少按钮（`.minus`和`.plus`）以及商品单价（`.shop-total-amount`）。这里有两个商品，但可以根据需要添加...

    在一个JSP页面里面根据条件动态的加载另一个jsp页面

    请注意，这只是一个简化的示例，实际应用中应考虑错误处理、SQL注入防范以及更高效的数据库交互方法，如使用PreparedStatement。 总结一下，这个场景中的关键技术包括： 1. JSP：用于创建动态服务器页面。 2. ...

    Cleaning your website with Ajax_Creating Next-Generation, Highly Dynamic, Off-line Capable

    - **结论与警告**：总结了使用Ajax技术的优势和需要注意的地方。 #### 关键知识点详解 1. **Ajax的概念**：Ajax是一种使网页能够动态更新的技术，而无需重新加载整个页面。这极大地提高了用户体验，因为用户可以更...

    js实现固定宽高滑动轮播图效果

    需要注意的是，由于这段代码是通过OCR扫描得到的，可能存在一些OCR识别错误或者遗漏的地方，但以上所述的基本思路和实现方法是可行的，可以为实现固定宽高滑动轮播图提供参考。实际开发中，还需要考虑浏览器兼容性、...

    下一周-3：特里哈发现-下一周第三

    【标题】"下一周-3：特里哈发现-下一周第三"可能指的是一个编程学习课程或者项目，其中“特里哈发现”可能是课程或项目的一部分主题，而“下一周第三”可能代表这个主题在系列课程中的位置或者是某个阶段的划分。...

Magicbox
Global site tag (gtag.js) - Google Analytics