恶补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请求从服务器上请求数据

时间: 2024-10-31 14:22:04

恶补web之八:jQuery(2)的相关文章

恶补web之八:jQuery(3)

    jquery和其他js框架.jQuery使用$作为jQuery的简写,但是还有很多js框架,比如: MooTools,Backbone,Sammy,Cappuccino,Knockout,JavaScript MVC,Google Web Toolkit,Google Closure,Ember,Batman(有没有supermane?)以及Ext JS等等; 如果它们也使用$符号作为简写会发生冲突.jquery团队考虑倒这个问题,所以提供了noConflict方法.该方法会释放$标示符

恶补web之八:jQuery(1)

    jquery是一个js库,极大的简化了js编程.jquery是一个写的更少,但做的更多的轻量级js库.     jquery位于一个js文件中,其中包含了所有jquery函数,可以用如下标记把jquery添加到网页中: <head> <script src="jquery.js"></script> </head>     有2个版本的jquery可供下载,一个精简过的(production version),另一份是未压缩的(d

恶补web之一:html学习(1)

    发现以前欠下的web知识太多鸟,只有重头开始好好学吧,恶补第一站就是html知识啦!     html指的是超文本标记语言,它不是编程语言,而是一种标记语言;标记语言是一套标记标签(markup tag),html使用标记标签来描述网页.     html标记标签称为html标签(html tag);html tag是由<>包围的关键词,其是成对出现的,比如<b>和</b>,分别称为开始(开放)标签和结束(闭合)标签.     html文档 == 网页;html

恶补web之六:javascript知识(2)

    若要向html添加新元素,必须首先创建该元素,然后向一个已存在的元素追加该元素 <div id="div1"> <p id="p1">这是一个段落</p> <p id="p2">这是另一个段落</p> </div> <script> var para=document.createElement("p"); var node=docum

恶补web之一:html学习(2)

    iframe用于在网页内显示网页:<iframe src="URL"></iframe>,iframe可用作链接的目标: <!DOCTYPE html> <html> <body> <iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe> <p><a hr

恶补web之三:http学习

    http是超文本传输协议的简称,该协议设计目的是保证客户机与服务器之间的通信.http的工作方式为客户机与服务器之间的请求-应答协议.     一般来说web浏览器是客户端,计算机上的网络应用程序可能作为服务器端.客户端向服务器提交http请求,服务器向客户端返回响应,响应包含关于请求的状态信息以及可能被请求的内容.     两种http请求方法: get 从指定资源请求数据,注意查询字符串(名称/值对)是在get请求的url中发送的,get请求有以下特点: 1 get请求可能被缓存 2

恶补web之二:css知识(3)

    css有3种定位机制:普通流,浮动和绝对定位.     除非专门指定,否则所有框都在普通流中定位,即普通流中的元素位置由元素在(x)html中的位置决定.     通过使用position属性,可以选择4种不同类型的定位: static 元素框正常生成 relative 元素框偏移某个距离:正常元素可以通过设置垂直或水平位置,让这个元素"相对于"它的起点进行移动.若将相对定位中的top设为20px,则框将在原位置下面20像素地方,类似如果left设为30像素,则会在元素左边创建

恶补web之七:html DOM知识

    html DOM定义了访问和操作html文档的标准;dom是w3c的标准,dom定义了访问html和xml文档的标准: w3c文档对象模型(dom)是中立平台和语言的接口,它允许程序和脚本动态访问和更新文档内容,结构和样式.     dom标准被分为3个不同部分: 1.核心dom - 针对任何结构化文档的标准模型 2.xml dom - 针对xml文档的标准模型 3.html dom - 针对html文档的标准模型     xml dom定义了xml元素对象和属性,以及访问它们的方法  

恶补web之四:xhtml学习

    xhtml是更严格更纯净的html代码,它与html4.01兼容.xhtml是以xml重构额html4.01     xhtml与2000年1月26日成为w3c标准,w3c将xhtml定义为最新的html版本,xhtml将逐渐取代htm.所有新的浏览器都支持xhtml.     xhtml是html与xml的结合物,xml用来描述数据,而html用来显示数据.     所有的xhtml元素必须被嵌套于<html>根元素中.     xhtml不鼓励使用name属性,应该使用id取代.