恶补web之八:jQuery(2)
jquery中非常重要的部分,就是操作dom的能力:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括html标记)
val() - 设置或返回表单字段的值
attr() - 用于获取或设置属性值
jquery如下方法可以插入内容
append 在被选元素的结尾插入内容
prepend 在被选元素的开头插入内容
after 在被选元素之后插入内容
before 在被选元素之前插入内容
remove 删除被选元素及其子元素
empty 从被选元素中删除子元素
jquery操作css
addClass 向被选元素添加一个或多个类
removeClass 从被选元素删除一个或多个类
toggleClass 对被选元素进行添加/删除类的切换操作
css设置或返回样式属性
jquery width和height方法设置或返回元素的宽度和高度
innerWidth和innerHeight方法返回元素的宽度和高度(包括内边距)
outerWidth和outerHeight方法返回元素宽度和高度(包括内边距和边框)
遍历dom树:
parent返回被选元素的直接父元素
parents返回被选元素的所有祖先元素,一直到文档的根元素
parentsUntil方法返回介于2个给定元素之间的所有祖先元素
children返回被选元素的所有直接子元素
find返回被选元素的后代元素,一路向下直到最后一个后代
siblings返回被选元素的所有同胞元素
next返回被选元素的下一个同胞元素
nextAll返回被选元素的所有跟随的同胞元素
nextUntil返回介于2个指定参数之间的所有跟随同胞元素
prev,prevAll和prevUntil和上面类似,只不过方向相反.
缩写搜索元素的范围
first 返回被选元素的首个元素
last 返回被选元素的最后一个元素
eq 返回被选元素中带有指定索引号的元素
filter 允许规定一个标准,不匹配的元素会被删除,从而返回匹配的元素
not 返回不匹配的所有元素,和filter相反
jquery和ajax;jquery提供多个与ajax有关的方法,可以使用http get/post从远程服务器上请求文本,html,xml和json,同时可以把这些外部数据直接载入网页的被选元素中.
load() 方法从服务器加载数据,并把返回的数据放入被选元素中:
$(sel).load(url,data,callback);
2种在客户端和服务器端进行请求-响应的常用方法是:
get 从指定资源请求数据:基本用于从svr取回数据,且可能返回缓存数据
post 向指定资源提交要处理的数据:post方法不会缓存数据,且常用于连同请求一起发送数据.
$.get(url,callback) 通过http get请求从服务器上请求数据
$.post(url,data,callback)通过http post请求从服务器上请求数据
恶补web之八:jQuery(2)的更多相关文章
- 恶补web之八:jQuery(3)
jquery和其他js框架.jQuery使用$作为jQuery的简写,但是还有很多js框架,比如: MooTools,Backbone,Sammy,Cappuccino,Knockout,JavaSc ...
- 恶补web之八:jQuery(1)
jquery是一个js库,极大的简化了js编程.jquery是一个写的更少,但做的更多的轻量级js库. jquery位于一个js文件中,其中包含了所有jquery函数,可以用如下标记把jquery添加 ...
- 恶补web之一:html学习(1)
发现以前欠下的web知识太多鸟,只有重头开始好好学吧,恶补第一站就是html知识啦! html指的是超文本标记语言,它不是编程语言,而是一种标记语言;标记语言是一套标记标签(markup tag),h ...
- 恶补web之六:javascript知识(2)
若要向html添加新元素,必须首先创建该元素,然后向一个已存在的元素追加该元素 <div id="div1"> <p id="p1">这 ...
- 恶补web之三:http学习
http是超文本传输协议的简称,该协议设计目的是保证客户机与服务器之间的通信.http的工作方式为客户机与服务器之间的请求-应答协议. 一般来说web浏览器是客户端,计算机上的网络应用程序可能作为服务 ...
- 恶补web之一:html学习(2)
iframe用于在网页内显示网页:<iframe src="URL"></iframe>,iframe可用作链接的目标: <!DOCTYPE html ...
- 恶补web之二:css知识(3)
css有3种定位机制:普通流,浮动和绝对定位. 除非专门指定,否则所有框都在普通流中定位,即普通流中的元素位置由元素在(x)html中的位置决定. 通过使用position属性,可以选择4种不同类型的 ...
- 恶补web之二:css知识(2)
css字体属性定义文本的字体系列,大小,加粗,风格和变形等. css中包含两种字体系列:通用字体系列和特定字体系列. font-family属性定义文本的字体系列: body {font-family ...
- 恶补web之七:html DOM知识
html DOM定义了访问和操作html文档的标准;dom是w3c的标准,dom定义了访问html和xml文档的标准: w3c文档对象模型(dom)是中立平台和语言的接口,它允许程序和脚本动态访问和更 ...
随机推荐
- Java并发框架——AQS超时机制
AQS框架提供的另外一个优秀机制是锁获取超时的支持,当大量线程对某一锁竞争时可能导致某些线程在很长一段时间都获取不了锁,在某些场景下可能希望如果线程在一段时间内不能成功获取锁就取消对该锁的等待以提高性 ...
- C++对象模型的那些事儿之一:对象模型(上)
前言 很早以前就听人推荐了<深入理解C++对象模型>这本书,从年初买来到现在也只是偶尔翻了翻,总觉得晦涩难懂,放在实验室上吃灰吃了好久.近期由于找工作对C++的知识做了一个全面系统的学习, ...
- 使用TT模板+mvc+wcf实现简单查询
今天是除夕,小编的这篇博客是掐着点儿发的,在此,祝各位小伙伴新年快乐,身体健康,万事如意:喜从天降,欣喜若狂:喜气盈门,好事成双:好人好运,金玉满堂:神采飞扬,如愿以偿,财源滚滚来,福如东海长:伴随着 ...
- 读生产环境下go语言最佳实践有感
最近看了一篇关于go产品开发最佳实践的文章,go-in-procution.作者总结了他们在用go开发过程中的很多实际经验,我们很多其实也用到了,鉴于此,这里就简单的写写读后感,后续我也争取能将这篇文 ...
- mxgraph进阶(三)Web绘图——mxGraph项目实战(精华篇)
Web绘图--mxGraph项目实战(精华篇) 声明 本文部分内容所属论文现已发表,请慎重对待. 需求 由于小论文实验需求,需要实现根据用户日志提取出行为序列,然后根据行为序列生成有向图的形式 ...
- Caffe框架,图像数据转换成LMDB数据格式
小码农最近在研究深度学习,对所学知识做点记录,以供以后翻阅.在Caffe框架中,数据的格式都是LMDB的,如何将图像数据转换成这个格式呢? 首先,将图像数据和标签生成txt文档,执行一下代码: fin ...
- Chapter 3 Protecting the Data(2):分配列级权限
原文出处:http://blog.csdn.net/dba_huangzj/article/details/39577861,专题目录:http://blog.csdn.net/dba_huangzj ...
- 【翻译】Sencha Cmd中脚本压缩方法之比较
概述 为什么要修改默认设置 YUI压缩 Google Closure编译器 UglifyJS 案例研究Ext JS 6示例应用程序 注意事项 自定义JS压缩 小结 概述 这么多年来,Web开发人员都被 ...
- MO_GLOBAL包中一些过程和函数的使用
DECLARE V_CURRENT_ORG_ID NUMBER; V_ACCESS_MODE VARCHAR2(2); V_OU_COUNT NUMBER; V_ORG_ID NUMBER; V_MO ...
- 分布式进阶(十五)ZMQ
我们为什么需要ZMQ 目前的应用程序很多都会包含跨网络的组件,无论是局域网还是因特网.这些程序的开发者都会用到某种消息通信机制.有些人会使用某种消息队列产品,而大多数人则会自己手工来做这些事,使用TC ...