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

jQuery的链式操作是如何实现的 jQuery链式操作如何实现以及为什么要用链式

2023-06-15 19:16:05 互联网 未知 开发

 jQuery的链式操作是如何实现的 jQuery链式操作如何实现以及为什么要用链式

jQuery的链式操作是如何实现的

return this//返回对象自身。
例子:
function Test() {
    var self = this
    self.testStr = My name is 
    self.name = function( name ) {
        self.testStr  = name   
        return self
    }
    self.age = function( age ) {
        self.testStr  = .I m    age   years old.
        return self
    }
    self.end = function() {
        return self.testStr
    }
}
var setProfile = new Test()
//然后就可以进行链式操作了。
console.log(setProfile.name(Steve).age(22).end())//直接复制在控制台输入,就可以进行调试了

jQuery链式操作如何实现以及为什么要用链式

链式操作就是分步骤地对jQuery对象实现各种操作,举个栗子:
$("#Test").css(color,red).show(200).removeClass(style)上面的例子就是链式操作,在一行代码里,对id为Test的对象进行了三项操作:先设置其字体颜色为红色,再显示对象,最后移除对象的“style”这个样式。再炒个板栗:
$("#Test").addClass(style).find("div").eq(0).fadeOut(200)上面的例子意为:先为id为Test的对象添加"style"这个样式,再找寻其下的第一个div标签,并使其淡出。
通过上面的两个例子不难看出链式操作就是围绕一个jQuery对象进行的,很简单吧?

为什么要用链式操作呢?原因有两个:
代码更精简。链式操作能大大精简代码量,多项操作一行代码一气呵成,搞定;
优化性能。使用链式操作,所有操作代码共享一个jQuery对象,省去了逐步查询DOM元素的性能损耗。

Jquery:链式写法如何引用当前对象

你好!!
 
jquery的attr()函数,有种写法是可以达到你要的效果的

$("[id]").attr("title",function(){
    return$(this).attr("id")
})

关于jquery $返回对象可以连续调用问题

//这就是js的面向对象
//定义一个类 T 如下
function TT(){
var fun=function(){
alert("this is TT fun!")
}
}
//再定义tt
var tt = new TT()
//调用 fun
tt.fun()
//不好意思看错问题了。如果想在tt上加上函数,应该响应某个事件吧。

js链式调用怎么理解

//如果我定义如下一个对象
var a = {
    fun1 : function(){
        console.log("fun1")
        return a
    },
    fun2 : function(){
        console.log("fun2")
        return a
    },
    fun3 : function(){
        console.log("fun3")
        return a    
    }
}那么,我调用的时候就可以链式调用了
a.fun1().fun2().fun3()

jquery中next支持链式调吗

支持啊,比如:



  



  

Hello


  Hello Again


  
And Again



  $("p").next(".selected").css("background", "yellow").next("div").css("background", "red")



最新文章