欢迎来真孝善网,为您提供真孝善正能量书籍故事!

深入解析 jQuery 动画及 AJAX 技术应用

时间:11-07 神话故事 提交错误

默认情况下,通过$.extend() 进行的合并操作不是递归的;如果第一个对象的属性本身是一个对象或数组,那么它将完全覆盖第二个对象具有相同键的属性。这些值不会被合并。

var 对象1={

苹果: 0,

香蕉: { 重量: 52,价格: 100 },

樱桃: 97

};

var 对象2={

香蕉: { 价格: 200 },

榴莲: 100

};

$.extend( 对象1, 对象2 );

console.log(object1);//

对象1={

苹果: 0,

香蕉: { 价格: 200 },

樱桃: 97,

榴莲: 100

};递归合并两个对象并修改第一个对象。

var 对象1={

苹果: 0,

香蕉: { 重量: 52,价格: 100 },

樱桃: 97

};

var 对象2={

香蕉: { 价格: 200 },

榴莲: 100

};

$.extend( true, 对象1, 对象2 );

console.log(object1);//

对象1={

苹果: 0,

香蕉: { 重量:52,价格: 200 },

樱桃: 97,

榴莲: 100

};

jQuery 的链式调用是什么?

jQuery链式调用:一次调用对象上的多个方法

$(this).addClass("悬停").siblings().removeClass("悬停")

因为大多数对象方法都以return this 结尾,所以存在链式调用和简单的代码。

jQuery 中 data 函数的作用

jQuery.data(元素、键、值)

element: 存储数据的DOM对象

key:中存储的数据名称

value: 新数据值

jQuery.data() 方法允许我们将任何类型的数据附加到DOM 元素,避免由于循环引用而导致内存泄漏的风险。如果通过jQuery 方法删除DOM 元素或者当用户离开页面时,jQuery 也会删除添加到其中的数据。

以下功能对应的 jQuery 方法:

将active 类添加到元素$node 并删除元素$noed$node.addClass("active")

$node.removeClass("active") 显示元素$node,隐藏元素$node$node.show()

$node.hide() 获取元素$node的属性: id、src、title,并修改上述属性$node.attr("id")

$node.attr("id","值")

$node.attr("src")

$node.attr("src","值")

$node.attr("标题")

$node.attr("title","value") 将自定义属性data-src 添加到$node

$node.attr("data-src","src")

在$ct 的开头添加元素$node

$(".ct").prepend(节点)

在$ct末尾添加元素$node

$(".ct").append(节点)

删除$节点

$node.remove()

清除$ct的内容

$(".ct").empty()

在$ct 中设置html

$(".ct").html("")

获取和设置$node的宽度和高度(分别不包括padding、包括padding、包括border、包括margin)

$node.width() //获取宽度,仅内容,不包括padding

$node.width("value") //设置宽度,仅内容,不包括padding

$node.height() //获取高度,仅内容,不包括padding

$node.height("value") //设置高度,仅内容,不包括padding

$node.innerWidth() //获取宽度、内容+内边距

$node.innerHeight() //获取高度、内容+内边距

$node.outerWidth() //获取宽度,内容+padding+边框

$node.outerHeight() //获取高度,内容+padding+边框

$node.outerWidth(true) //获取宽度,内容+padding+边框+外边距

$node.outerHeight(true) //获取高度,内容+内边距+边框+外边距即可得到窗口滚动条的垂直滚动距离

$(窗口).scrollTop()

获取$node到根节点的水平和垂直偏移距离

$node.offset()

修改$node的样式,设置字体颜色为红色,字体大小设置为14px

$node.css({"颜色":"红色","字体大小":"14px"})

遍历节点并重复每个节点中的文本内容

$每个(函数(){

$(this).text()

}) 从$ct 中搜索具有.item 类的子元素

$(".ct").find(".item")

获取$ct 中的所有子项

$(".ct").children()

对于$node,向上查找类".ct" 的父级,并从该父级中查找".panel" 的子级

$node.parents(".ct").find(".panel")

获取选中元素的数量

$node.length

好了,关于深入解析 jQuery 动画及 AJAX 技术应用和的问题到这里结束啦,希望可以解决您的问题哈!

用户评论

算了吧

看起来很酷!想学一学怎样用jQuery做网页特效。

    有12位网友表示赞同!

忘故

最近在做一个网站,不知道是不是可以用到jQuery动画呢?

    有12位网友表示赞同!

巷口酒肆

Ajax异步请求和jQuery动画一起配合,效果一定棒极啦!

    有20位网友表示赞同!

杰克

我只会一些基本的HTML,想学jQuery动画还需要学习什么内容?

    有17位网友表示赞同!

南宫沐风

有没有推荐哪些好用的jQuery动画教程或资料啊?

    有13位网友表示赞同!

〆mè村姑

想知道jQuery动画能实现多复杂的操作?

    有13位网友表示赞同!

反正是我

在网站页面上用jQuery动画来引导用户注意力,这个想法不错哦。

    有14位网友表示赞同!

孤街浪途

Ajax和jQuery动画可以相互依赖吗?需要先学习其中一个吗?

    有17位网友表示赞同!

醉枫染墨

看到这标题就想起之前看过的jQuery动画案例,真牛批!

    有8位网友表示赞同!

葵雨

我觉得交互效果对于网站体验很重要,jQuery动画在这方面很有用。

    有9位网友表示赞同!

巴黎盛开的樱花

有没有哪些常见 jQuery 动画的例子可以分享一下?

    有10位网友表示赞同!

凝残月

学习完jQuery动画能做什么项目呢?我有点想尝试一下。

    有14位网友表示赞同!

雨后彩虹

以前用JavaScript写过一些简单的动画,是不是jQuery动画更容易上手呢?

    有9位网友表示赞同!

放血

用jQuery动画来实现酷炫的页面切换效果一定很厉害吧!

    有14位网友表示赞同!

信仰

除了网页特效,jQuery动画还有什么其他应用领域吗?

    有6位网友表示赞同!

迷路的男人

不知道学习 jQuery 动画 需要哪些基础知识准备?

    有18位网友表示赞同!

泡泡龙

这个框架的使用场景还挺广泛的,看来很值得深入学习一下。

    有9位网友表示赞同!

■孤独像过不去的桥≈

最近想要给我的博客做一些小动画提升用户体验,jQuery animation 可以试试看!

    有17位网友表示赞同!

何年何念

看到标题就感觉自己能学到不少新东西,要好好看一下这篇文章了。

    有19位网友表示赞同!

瑾澜

jQuery动画真是个好工具,可以实现网页的动态效果,非常实用!

    有8位网友表示赞同!

【深入解析 jQuery 动画及 AJAX 技术应用】相关文章:

1.蛤蟆讨媳妇【哈尼族民间故事】

2.米颠拜石

3.王羲之临池学书

4.清代敢于创新的“浓墨宰相”——刘墉

5.“巧取豪夺”的由来--米芾逸事

6.荒唐洁癖 惜砚如身(米芾逸事)

7.拜石为兄--米芾逸事

8.郑板桥轶事十则

9.王献之被公主抢亲后的悲惨人生

10.史上真实张三丰:在棺材中竟神奇复活