当前位置:首页>开发>正文

jQuery中的end()方法的意思 jquery中andSelf和end方法的区别

2023-04-12 14:25:06 互联网 未知 开发

 jQuery中的end()方法的意思 jquery中andSelf和end方法的区别

jQuery中的end()方法的意思

end()
回到最近的一个"破坏性"操作之前。即,将匹配的元素列表变为前一次的状态。
如果之前没有破坏性操作,则返回一个空集。所谓的"破坏性"就是指任何改变所匹配的jQuery元素的操作。这包括在 Traversing 中任何返回一个jQuery对象的函数--add, andSelf, children, filter, find, map, next, nextAll, not, parent, parents, prev, prevAll, siblings and slice--再加上 Manipulation 中的 clone。
示例
HTML 代码:

jQuery end()方法 讲解jQuery中end()方法。 jQuery 代码: $(document).ready(function() { $("#test").click(function() { $(this).find("p").hide().end().hide() }) })结果: 点击id为test的div时,首先找到div里边的p标签,将其隐藏。接下来使用end()方法结束了对p标签的引用,此时返回的是#test(jQuery对象),从而后边的hide()方法隐藏了div。

jquery中andSelf和end方法的区别

andSelf是指jQuery集合中包含自身。例如:

$(input).siblings(label).andSelf().length//意思是选中input标签下兄弟label元素,以及自身。假如页面里只有一个input元素和一个同级的label元素,那length的值是2。end是jQuery元素选择器的一项优化。当你进行链式调用时,你调用链上的每个操作结果的元素集合都会被push到一个栈中。如果你想回归到链上的上一级结果,就可以使用end函数。例如:

$(input).siblings(label).text(11111).end().val(1111)//意思就是先选中input元素的同级兄弟元素label。把label的文本内容设置为11111,然后回归到上一层的结果,也就是input元素,然后把input元素的value设置为1111. 区别,使用了andSelf以后,当前的选中元素的集合,会跟上一步骤中的元素集合,进行并集操作。 而end只是回归使用上一步骤中的元素集合。

请教jquery里的append方法

将div id=child 的 添加到 div id=father 的容器里面去。

1. $("#father").append($("#child"))

2. $("#child").appendTo($("#father"))

jquery andSelf()和end()不懂

首先要清楚的是,jquery对象始终是一个包含dom对象的集合,无论其中包含0个,1个还是多个,jquery都是以集合的方式操作其中的dom对象

jquery是链式操作,意味着可以通过jquery对象获取另外一个jquery对象,比如:
var $div = $("div")
var $img = $div.find("img")

现在来解释你的问题
当进行以上操作时,jquery会记录一个类似链的东西:
$div -> $img
这个链说明,$img是由$div而来的,“而来的”三个字意思是$img和$div里面的dom对象是没有任何dom树上面的关系的,他们仅仅是一个来源问题

$img.andSelf()将查找该链的前一个对象并将前一个对象中的dom和当前对象中的dom合并,然后返回,相当于$("div,div img")

$img.end()将查找该链的前一个对象并直接返回前一个对象,相当于$img.end()包含的dom集合和$div包含的dom集合相同

希望对您有帮助~
By Billskate

jquery 结束方法问题

1、如果终止一个函数的用return即可

function showStr(){
    alert(one)
    return
    alert(two)
    alert(three)
}showStr() 程序执行弹出one便会终止

2、在函数中调用别的函数,在被调用函数终止的同时也希望调用的函数终止
function funFirst(){
    alert(one)
    return false
    alert(two)
}
function funSecond(){
    if(!funFirst()) return
     alert(three)
}funSecond() 两个函数做了修改,funFirst中返回false,funSecond中对funFirst的返回值做了判断,这样终止funFirst的同时也能将funSecond终止,程序执行弹出three便会终止。

关于jquery中append函数~~

jQuery 1.4 新增的。
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。
function(index, html)
返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先的html值。
----------------------------------------------------------------------
所以:
$("p").append(function(m,n){
return "This p element has index " (m n) ""
}
会得到:
This is a paragraph.This p element has index 0This is a paragraph.
This is another paragraph.This p element has index 1This is another paragraph.

也就是原有

中的内容 This p element has index 当前这个p的索引 p自身的内容

jquery中append,prepend,before和after方法的区别

区别:

1、append()用于在被选元素的结尾插入元素。
2、prepend()用于在被选元素的开头插入元素。
3、after()用于在被选元素之后插入内容。
4、before()用于在被选元素之前插入内容。
PS:append(),prepend()这两个函数的添加都是添加到元素的内部的。

before()和after()这意味着这两个函数是往元素外部的前后添加的。

最新文章