jquery ajax是什么意思,Jquery ajax

题目1: jQuery 中, $(document).ready()是什么意思?

当html文档DOM树加载完成,执行ready里的函数。

传递处理函数给.ready()方法,能保证DOM准备好后就执行这个函数,因此,这里是进行所有其它事件绑定及运行其它 jQuery 代码的最佳地方。

题目2: $node.html()和$node.text()的区别?

$node.html()在没有参数的时候,获取集合中的第一个匹配元素的HTML内容,当有参数的时候表示,设置每个匹配元素的html内容;

$node.text()在没有参数的时候,获取集合中每个元素的文本内容,包括后代(内容从父元素往子元素排列),有参数的时候,设置匹配元素集合中的每个元素的文本内容为指定文本内容。

题目3: $.extend 的作用和用法?

作用:将两个或更多的内容合并到第一个对象。

用法:

extend(dest,src1,src2,src3...);

它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构,可以如下使用:

var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数。

这样就可以将src1,src2,src3...进行合并,然后将合并结果返回给newSrc了。如下例:

var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})

那么合并后的结果

result={name:"Jerry",age:21,sex:"Boy"}

也就是说后面的参数如果和前面的参数存在相同的名称,那么后面的会覆盖前面的参数值。

题目4: jQuery 的链式调用是什么?

链式调用:使用jQuery方法时,对象方法返回的是对象本身,可以调用对此对象的其他jQuery方法,实现连续调用多个方法

例:$(this).addClass('active').siblings().removeClass('active')

题目5: jQuery 中 data 函数的作用

在匹配元素上存储任意相关的数据 或 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。

contents:

.data(key, value)

.data(key, value)

.data(obj)

.data(key)

.data(key)

.data()

.data(key, value)

描述:在匹配元素上存储任意相关数据

.data(key, value)

key 类型:String 一个字符串,用于存储数据的名称。

value 类型:Object 新的数据值,它可以是任意的JavaScript数据类型,包括Array、Object.

.data(obj)

obj type: Object 一个用于更新数据的 键/值对

例子:

$("body").data("foo" , 18);

$("body").data("abc", { name: "text", sex: 20 });

$("body").data({cba:[a,b,c]});

$("body").data("foo"); // 18

$("body").data() // {foo: 18, abc: {name: "text", sex: 20}, cba:[a,b,c]}

.data(key)

描述:返回匹配的元素集合中的第一个元素的给定名称的数据存储的值

.data(key)

key type: String 存储数据名。

.data()

这个方法不接受任何参数。得到匹配元素的所有存储的数据

例子:

$('body').data('foo'); // undefined

$('body').data(); // undefined

题目6:

写出以下功能对应的 jQuery 方法:

给元素 $node 添加 class active:$node.addClass('active')

给元素 $node 删除 class active:$node.removeClass('active')

展示元素$node, 隐藏元素:$node:$node.hide() $node.show() $node.trigger()

获取元素$node 的 属性: id、src、title, 修改以上属性:

$node.attr('id','newID')

$node.attr('src','newSrc')

$node.attr('title','newTitle')

给$node 添加自定义属性data-src: $node.attr('data-src','src')

在$ct 内部最开头添加元素$node:$ct.prepend($node)

在$ct 内部最末尾添加元素$node:$ct.append($node) $node.appendTo($ct)

删除$node:$node.remove()

把$ct里内容清空:$ct.empty()

在$ct 里设置 html

获取、设置$node 的宽度、高度(分别不包括内边距、包括内边距、包括边框、包括外边距):

不包括内边距

$node.height();

$node.width();

包括内边距

$node.innerHeight();

$node.innerWidth();

包括边框

$node.outerHeight();

$node.outerWidth();

包括边框

$node.outerHeight(true);

$node.outerWidth(true);

设置

不包括内边距

$node.height( '100px' );

$node.width( '100px' );

包括内边距

$node.innerHeight( '100px' );

$node.innerWidth( '100px' );

包括边框

$node.outerHeight( '100px' );

$node.outerWidth( '100px' );

包括边框

$node.outerHeight( '100px', true );

$node.outerWidth( '100px', true );

获取窗口滚动条垂直滚动距离:$(window).scrollTop()

获取$node 到根节点水平、垂直偏移距离:$node.offset().left 水平 $node.offset().top 垂直

修改$node 的样式,字体颜色设置红色,字体大小设置14px:$node.css({color:'red,fontSize:'14px'})

遍历节点,把每个节点里面的文本内容重复一遍

$node.each(function(){

$(this).text().+$(this).text();

});

从$ct 里查找 class 为 .item的子元素:$ct.find('.item')

获取$ct 里面的所有孩子:$ct.children()

对于$node,向上找到 class 为'.ct'的父亲,在从该父亲找到'.panel'的孩子:$node.parent('.ct').find('.panel')

获取选择元素的数量:$('#id').length

获取当前元素在兄弟中的排行:$('ul').index($(this));

题目7:

链接

题目8: 用 jQuery ajax 实现如下效果。`当点击加载更多会加载数据展示到页面效果预览368

加载更多

.ct{

list-style: none;

padding: 0;

}

.ct li{

margin-bottom: 10px;

border: 1px solid;

cursor: pointer;

height: 38px;

padding-top: 10px;

}

.ct li:hover{

background: green;

color:white;

}

.button {

display: block;

width: 100px;

height: 40px;

line-height: 40px;

margin: 0 auto;

border: 1px solid red;

text-align: center;

text-decoration: none;

color: red;

}

  • 内容1
  • 内容2

加载更多

var button = $('.button')

var content = $('.ct')

var index1 = 2

var sendEnd = false

button.on('click', function (e) {

e.preventDefault()

if (sendEnd){

return

}

$.ajax({

url:'/loadMore',

type:'GET', //GET

data:{

index:index1,length:5

},

success:function(data){

console.log(data)

for (var i in data){

//创建元素

var li = $('

')

//将内容放入元素

li.text(data[i])

content.append(li)

}

sendEnd = false

},

})

sendEnd = true

index1 += 5

})

MOCK:

router.get('/loadMore', function(req, res) {

var index = parseInt(req.query.index)

var length = req.query.length

var backdata = []

setTimeout(function () {

for (var i = 0; i < length; i++){

backdata.push('内容' + (index + i + 1))

}

res.send(backdata)

},1000)

})

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/359620.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

jboss 配置上下文路径_JBoss Portal上的“ Hello World” portlet

jboss 配置上下文路径Portlet概述 本教程将向您展示如何创建和部署简单的Portlet。 Portlet是基于Java技术的Web组件&#xff0c;可以处理请求并生成动态内容。 Portlet不是自治实体&#xff0c;但是由Portlet容器管理&#xff0c;Portlet容器为Portlet执行提供了必要的运行时…

创建型-工厂方法模式

1、工厂方法模式意图&#xff1a; 定义一个用于创建对象的接口&#xff0c;让子类决定实例化哪一个类。Factory Method使一个类的实例化延迟到其子类。 工厂方法模式用于为属于同一类别的产品定义对应的具体工厂类&#xff0c;并将具体工厂类开放给用户类来使用。 2、应用场景&…

ajax前台multipartfile,在SpringBoot中使用Ajax方式MultipartFile上传失败

虽然在正常的html和表单方式下上传效果很好&#xff0c;但是切换到ajax却失败了&#xff0c;并且在调试模式下MultipartFile总是Null。code below works fine//html code//java codeRequestMapping(value "/api/upload", consumes "*/*", method Reques…

简单图片浏览器

在设置开关灯的时候出了一点小问题&#xff0c;默认UISwitch为on当用if(sender.on)做判断时&#xff0c;第一次点击无效。后来调试默认为on&#xff0c;当改变状态时sender.on返回的是0&#xff0c;再次点击返回的是1。判断一个UISwitch为off可以用!sender.on 用到加载本地目录…

服务器添加角色显示灰色,添加角色 web服务器 灰色

添加角色 web服务器 灰色 内容精选换一换OneAccess支持通过AD认证用户身份和控制权限。AD全称Active Directory&#xff0c;中文名称活动目录。您可以将AD简单理解成一个数据库&#xff0c;其存储有关网络对象的信息&#xff0c;方便管理员和用户查找所需信息。本文主要介绍One…

Hdu1166单点更新线段树

入门线段树&#xff0c;单点更新。写了几遍&#xff0c;都是学着notonlysuccess写的。 #include <cstdio> #include <cstring> #include <algorithm> #include <climits> #include <string> #include <iostream> #include <map> #in…

jboss4.2.3_JBoss 4.2.x Spring 3 JPA Hibernate教程

jboss4.2.3在花费大量时间在网上搜索之后&#xff0c;尝试找到对几个项目使用Spring&#xff0c;JPA和Hibenate的最有效方法&#xff0c;我们得出了将在下面介绍的配置的结论。 将Spring与JPA和Hibernate集成包括几个步骤&#xff1a; Spring容器的配置 JPA ORM层的配置 Hib…

虚拟服务器关机怎么开,云服务器关机了怎么开启

云服务器关机了怎么开启 内容精选换一换开启防护后&#xff0c;您可以根据需要进行安全配置。包括配置常用登录地、常用登录IP、SSH登录IP白名单&#xff0c;开启恶意程序自动隔离查杀功能。配置常用登录地后&#xff0c;企业主机安全服务将对非常用地登录主机的行为进行告警。…

web文件怎么传到服务器,web文件传到服务器

web文件传到服务器 内容精选换一换工具中所有涉及上传文件功能的&#xff0c;如果需要上传的文件大于1GB或者解压后超过剩余磁盘空间的一半&#xff0c;则需要释放磁盘空间或手动将文件上传至服务器&#xff0c;其他情况可通过Web界面上传功能上传。Web服务端证书&#xff0c;即…

(转)iOS面试题目

1、Object-C有多继承吗&#xff1f;没有的话用什么代替&#xff1f;cocoa 中所有的类都是NSObject 的子类 多继承在这里是用protocol 委托代理 来实现的 你不用去考虑繁琐的多继承 ,虚基类的概念. ood的多态特性 在 obj-c 中通过委托来实现. 2、Object-C有私有方法吗&#xff1…

Queue Explorer过期处理

Queue Explorer是收费软件,用一段时间后会显示过期界面无法使用&#xff0c; 我们可以删除注册表 HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Cogin\QueueExplorerPRO 下的项 然后继续使用该软件转载于:https://www.cnblogs.com/event/p/3935425.html

weblogic ejb_使用Oracle WebLogic对应用程序外部的EJB的引用

weblogic ejb在之前的文章中&#xff0c;我们对EJB 3.0版及其为您提供的构建Java EE应用程序的可移植机制进行了概述。 由于Java EE规范都是关于可移植性的&#xff0c;因此冒着重复自我的风险&#xff0c;我们经常强调EJB v。3.0规范上仍然存在最重要的可移植性限制&#xff1…

Android Studio显示行数

Android Studio在打开的文件左側单击鼠标右键&#xff0c;也能像Eclipse一样设置显示代码行数&#xff0c;如图1。可是这边跟Eclipse有一个非常大的差别&#xff0c;Eclipse设置后&#xff0c;其余的相应文件也跟着生效&#xff0c;即使文件关闭后又一次打开行数也还是会显示&a…

Java集合---HashSet的源码分析

一、 HashSet概述&#xff1a; HashSet实现Set接口&#xff0c;由哈希表&#xff08;实际上是一个HashMap实例&#xff09;支持。它不保证set 的迭代顺序&#xff1b;特别是它不保证该顺序恒久不变。此类允许使用null元素。 二、 HashSet的实现&#xff1a; 对于HashSet而言&…

lambda语法_Java Lambda语法替代

lambda语法关于lambda-dev邮件列表的讨论已经开始解决lambdas /函数文字的Java语言语法应该是什么样的问题。 让我们看一个稍微平凡的例子&#xff0c;然后尝试弄清楚问题。 Perl的人有一个很好的例子&#xff0c;说明以某种功能性的方式使用函数引用–他们称其为Schwartzian变…

CSDN论坛上的一道算法题

源地址为&#xff1a;http://bbs.csdn.net/topics/390854089 昨天晚上在CSDN论坛上看到这道题&#xff0c;思索一番后想到一个解决方案&#xff0c;也简单实现了。今天早上把博客补一补。算是做个笔记吧。 题目&#xff1a; 有m个人面向南方站成一排(m ≥1)&#xff0c;每喊一次…

Eclipse程序员要掌握的常用快捷键

判断一个人的编程水平&#xff0c;就看他用键盘多&#xff0c;还是鼠标多。用键盘一是为了输入代码&#xff08;当然了&#xff0c;也包括注释&#xff09;&#xff0c;再有就是熟练使用快捷键。曾有人在豆瓣评《卓有成效的程序员》&#xff1a;“人有多大懒&#xff0c;才有多…

spring依赖注入_Spring依赖注入技术的发展

spring依赖注入回顾Spring框架的历史&#xff0c;您会发现在每个发行版中实现依赖注入的方法越来越多。 如果您使用该框架已经超过一个月&#xff0c;那么在这篇回顾性文章中可能不会发现任何有趣的东西。 除了Scala中的最后一个示例&#xff0c;没有其他东西希望如此。 首先是…

java 获取oracle mysql sqlserver 链接 connection

import java.sql.Connection; import java.sql.DriverManager; //获取sqlserver connection public static Connection getSQLServerConn(){ Connection dbConn null; String driverName "com.microsoft.sqlserver.jdbc.SQLServerDriver"; …

TortoiseSVN菜单项功能说明

原帖地址&#xff1a;http://blog.csdn.net/windone0109/article/details/4030274 TortoiseSVN是windows下其中一个非常优秀的SVN客户端工具。通过使用它&#xff0c;我们可以可视化的管理我们的版本库。不过由于它只是一个客户端&#xff0c;所以它不能对版本库进行权限管理。…