首页
网站首页
公司简介
资讯中心
推荐内容
返回顶部
nextUntil方法的使用介绍_jquery_脚本之家,target使用的几点说明介绍_jquery_脚本之家
发布时间:2019-12-28 20:36
浏览次数:

先来一张截图。 鼠标移动到对应的分类,下面的红色小三角形就会自动跟随,缓慢的跟随。 不管有多少个都可以。 javascript code: 复制代码 代码如下: function changeCoord.style.left = left; } function $$ { return document.getElementById; } function $$$ { return document.getElementsByClassName[0]; } function indexOf { for (var i = 0; i < arry.length; i++) { if { return i; } }; } window.onload = function() { //给页面上所有的滑块注册事件 //products-box-center 父容器对象 var obj = document.getElementsByClassName('products-box-center'); for(var i=0;i复制代码 代码如下:

event.target说明:引发事件的DOM元素。this和event.target的区别js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;

jquery的find方法对于初学者来说容易混淆,在这里对这两个方法通过一个小例子来进行比较和说明。旨在了解这两种方法的区别。

nextUntil() 获得每个元素所有跟随的同胞元素,当有参数时,则直到遇到该方法的参数所匹配的元素时会停止搜索。返回的新 jQuery 对象包含所有跟随的同胞元素,但不包括被选择器、DOM 节点或已传递的 jQuery 对象匹配的元素。如果没有参数,则会选取所有跟随的同胞元素,此时与.nextAll()方法相同。

最新商品

this和event.target的相同点this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$;

html代码复制代码 代码如下:

语法一:复制代码 代码如下:.nextUntil语法二: 复制代码 代码如下:.nextUntil详细说明如果给定一个表示 DOM 元素集合的 jQuery 对象,.nextUntil() 方法允许我们搜索 DOM 树中的元素跟随的同胞元素,当遇到被该方法的参数所匹配的元素时会停止搜索。返回的新 jQuery 对象包含所有跟随的同胞元素,但不包含被参数匹配的元素。

笔记本

这使我想起了以前写的一个例子:复制代码 代码如下: //del event $.bind("click",function{ var _tmpQuery=$;//为什么要加上这一句? var id=$("input[name='id']",$.parents.attr; art.dialog.confirm('你确认删除该日志吗?',function(){ $.post("myRun/managerlog_del.php",{id:id},function{ art.dialog.tips; $(_tmpQuery.parents;//如果不加第一句,这里用$.parents;则不会隐藏 //因为这里的this,并不是当前的这个DOM对象了。而是jQuery的AJAX配置对象ajaxSettings。测试:alert; }else{ art.dialog.tips; return true; }); });那么现在我可以将上面代码通过$这个方式来实现隐藏tr,而不用通过$(_tmpQuery.parents;这样的方式,具体代码如下: 复制代码 代码如下:$.bind("click",function{ //var _tmpQuery=$;这行代码可以删除 var id=$("input[name='id']",$.parents.attr; art.dialog.confirm('你确认删除该日志吗?',function(){ $.post("myRun/managerlog_del.php",{id:id},function{ art.dialog.tips; $.parents; }else{ art.dialog.tips; return true; });});event.target和$的使用复制代码 代码如下:

测试1

如果选择器不匹配或未规定选择器,则会选取所有跟随的同胞,则该方法选取的元素与 .nextAll() 方法相同。

数码影音

无标题文档

先看看find()方法 复制代码 代码如下:$.css;//等价于:$.css;//也等价于:$.css;显示结果:

对于 jQuery 1.6,DOM 节点或 jQuery 对象,而不是选择器,可传递到 .nextUntil() 方法。

配件

  • 第一行
    • 这是公告标题1
    • 这是公告标题2
    • 这是公告标题3
    • 这是公告标题4

问题:这里为什么“测试2”不变为红色?

该方法接受可选的选择器表达式作为其第二参数。如果指定该参数,则将通过检测元素是否匹配该选择器来筛选它们。

办公打印

上面的html是部分,可以用el表达式循环下,多搞几个。。。 一个上午才做好。

上面的例子如果改成使用this 复制代码 代码如下:

find() 方法定义:它是获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。

先看下例子:复制代码 代码如下:

在看一个例子复制代码 代码如下:

find方法是在当前元素集合内部查找。不包括自己。

term 1
definition 1-a

  • item 1
    • sub item 1-a
    • sub item 1-b
  • item 2
    • sub item 2-a
    • sub item 2-b

上面例子中$包含两个元素。第一个元素符合要求。但第二个元素div本身的class虽然是"rain",但其内部没有class=rain。所以不符合。

definition 1-b

友情链接: 网站地图
Copyright © 2015-2019 http://www.nflfreepicks.net. 新葡萄京娱乐场网址有限公司 版权所有