JavaScript 开发笔记 -- jQuery
2018-02-06 10:14
246 查看
jQuery 中所有选择器都以美元符号开头:$()。
jQuery 类选择器可以通过指定的 class 查找元素。
语法如下:
$(".test")
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
Query
attr() 方法用于获取属性值。
添加新内容的四个 jQuery 方法:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
如需删除元素和内容,一般可使用以下两个 jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
jQuery 拥有若干进行 CSS 操作的方法:
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
css() 方法设置或返回被选元素的一个或多个样式属性。
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 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据。
.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 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据。
相关文章推荐
- JavaScript、JQuery开发笔记
- javascript笔记——jQuery插件开发的几种方式
- 【学习笔记javascript设计模式与开发实践(单例模式)----4】
- 【学习笔记javascript设计模式与开发实践(组合模式)----10】
- ArcGIS API for javascript开发笔记(二)——解决ArcGIS Service中的服务在内网环境下无法进行javascript预览问题
- [Javascript - JQuery - Plugin] Flexigrid 使用笔记(一)
- 【HTML+CSS+JavaScript】网页实战开发笔记之一——HTML的头部信息里你不知道的事
- JavaScript学习笔记8-jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别
- JavaScript学习笔记——jquery中html()、text()、val()的区别
- javascript 学习笔记之JQuery中的Deferred对象
- 【HTML+CSS+JavaScript】网页实战开发笔记之一——HTML的头部信息里你不知道的事
- jquery插件开发学习笔记(六)——页面平滑滚动
- jQuery Easy UI 开发笔记
- JavaScript学习笔记8-jQuery表单选择器
- javascript高级开发学习笔记三
- 源码-JavaScript&jQuery交互式前端开发-第6章-事件-Focus和blur事件
- 超全超实用的Javascript类库和jQuery插件大全之二:文字处理,表格和列表处理,实用的javascript开发工具
- 源码-JavaScript&jQuery交互式前端开发-第2章-JavaScript基础指令-使用变量来存储字符串
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-章节示例
- 源码-JavaScript&jQuery交互式前端开发-第4章-判断和循环