您的位置:首页 > Web前端 > JQuery

JavaScript 开发笔记 -- jQuery

2018-02-06 10:14 246 查看
jQuery 中所有选择器都以美元符号开头:$()。


.class 选择器

jQuery 类选择器可以通过指定的 class 查找元素。

语法如下:

$(".test")

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容(包括 HTML 标记)

val() - 设置或返回表单字段的值

Query
attr() 方法用于获取属性值。


添加新的 HTML 内容

添加新内容的四个 jQuery 方法:

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容


删除元素/内容

如需删除元素和内容,一般可使用以下两个 jQuery 方法:

remove() - 删除被选元素(及其子元素)

empty() - 从被选元素中删除子元素


Query 操作 CSS

jQuery 拥有若干进行 CSS 操作的方法:

addClass() - 向被选元素添加一个或多个类

removeClass() - 从被选元素删除一个或多个类

toggleClass() - 对被选元素进行添加/删除类的切换操作

css() - 设置或返回样式属性


jQuery css() 方法

css() 方法设置或返回被选元素的一个或多个样式属性。


jQuery - AJAX


jQuery load() 方法

load()
方法从服务器加载数据,并把返回的数据放入被选元素中
$(selector).load(URL,data,callback);

可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数:

responseTxt - 包含调用成功时的结果内容

statusTXT - 包含调用的状态

xhr - 包含 XMLHttpRequest 对象

$.get()
方法通过 HTTP GET 请求从服务器上请求数据。$.get(URL,callback);

$.post()
方法通过 HTTP POST 请求从服务器上请求数据。$.post(URL,data,callback);

Jsonp(JSON
with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jQuery
相关文章推荐