且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

恶补web之八:jQuery(2)

更新时间:2022-08-15 16:49:00

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