关于jQuery基础有感
来源:互联网 发布:代办淘宝商城 编辑:程序博客网 时间:2024/05/22 10:33
1、页面载入:
$(document).ready(function() {});简写$(function(){});
2、选择器
返回jQuery对象
基本选择器*, class,element, id, selector1, selector2等.
层级选择器ancestor descendant, parent > child, prev + next , prev ` siblings
简单选择器even, odd, eq[index], last, first等
内容选择器contains[text], empty, parent, has[selector]等.
可见性选择器hidden, visible.
属性选择器[attribute *=value], [attribute =value], [attribute]等
子元素选择器first-child, last-child, nth-child(index), only-child.
表单选择器button, checkbox, file, hidden等.
表单对象属性选择器checked, disabled, enabled, selected.
3、属性
attr(name)
取得第一个匹配元素的属性值
attr(properties)
将一个“名/值”形式的对象设置为所有匹配元素的属性
attr(key,value)
为所有匹配的元素设置一个属性值
4、class
addClass(class)
为每个匹配的元素添加指定的class
removeClass(class)
从所有匹配的元素中删除全部或者指定的class
5、HTML
html()
取得第一个匹配元素的html内容
html(val)
设置每一个匹配元素的html内容
6、文本
text()、text(val)
和HTML类似
7、值
val()
获得第一个匹配元素的当前值
val(val)
设置每一个匹配元素的值
8、DOM文档处理
内部插入append(content), appendTo(content), prepend(content), prependTo(content).
外部插入after(content), before(content), insertAfter(content), insertBefore(content).
10、CSS
css(properties)
把一个“名/值对”对象设置为所有匹配元素的样式属性
属性名包含 "-"的话,必须使用引号
css(name,value)
在所有匹配的元素中,设置一个样式属性的值
11、事件
页面载入事件
事件处理bind , one , trigger, triggerHandler, unbind
交互处理hover, toggle
事件click, mouse event, keyboardevent等.
12、效果
show()
显示隐藏的匹配元素
show(speed,[callback])
以优雅的动画显示所有匹配的元素,并在显示完成后可选地触发一个回调函数
hide()
隐藏显示的元素
hide(speed,[callback])
以优雅的动画隐藏所有匹配的元素,并在显示完成后可选地触发一个回调函数
toggle()
切换元素的可见状态
13、Ajax
$.ajax(options)
$.get(”search.do”,{id:1},rend); function rend(xml){ alert(xml); }(1)
$.post(”search.do”,{id:1},rend); function rend(xml){alert(xml);}(2)
$(”#msg”).ajaxStart(function(){this.html(”正在载入..”);});(3)
$(”#msg”).ajaxSuccess(function(){this.html(”加载完成!”); });(4)
$(document).ready(function() {});简写$(function(){});
2、选择器
返回jQuery对象
基本选择器*, class,element, id, selector1, selector2等.
层级选择器ancestor descendant, parent > child, prev + next , prev ` siblings
简单选择器even, odd, eq[index], last, first等
内容选择器contains[text], empty, parent, has[selector]等.
可见性选择器hidden, visible.
属性选择器[attribute *=value], [attribute =value], [attribute]等
子元素选择器first-child, last-child, nth-child(index), only-child.
表单选择器button, checkbox, file, hidden等.
表单对象属性选择器checked, disabled, enabled, selected.
3、属性
attr(name)
取得第一个匹配元素的属性值
attr(properties)
将一个“名/值”形式的对象设置为所有匹配元素的属性
attr(key,value)
为所有匹配的元素设置一个属性值
4、class
addClass(class)
为每个匹配的元素添加指定的class
removeClass(class)
从所有匹配的元素中删除全部或者指定的class
5、HTML
html()
取得第一个匹配元素的html内容
html(val)
设置每一个匹配元素的html内容
6、文本
text()、text(val)
和HTML类似
7、值
val()
获得第一个匹配元素的当前值
val(val)
设置每一个匹配元素的值
8、DOM文档处理
内部插入append(content), appendTo(content), prepend(content), prependTo(content).
外部插入after(content), before(content), insertAfter(content), insertBefore(content).
10、CSS
css(properties)
把一个“名/值对”对象设置为所有匹配元素的样式属性
属性名包含 "-"的话,必须使用引号
css(name,value)
在所有匹配的元素中,设置一个样式属性的值
11、事件
页面载入事件
事件处理bind , one , trigger, triggerHandler, unbind
交互处理hover, toggle
事件click, mouse event, keyboardevent等.
12、效果
show()
显示隐藏的匹配元素
show(speed,[callback])
以优雅的动画显示所有匹配的元素,并在显示完成后可选地触发一个回调函数
hide()
隐藏显示的元素
hide(speed,[callback])
以优雅的动画隐藏所有匹配的元素,并在显示完成后可选地触发一个回调函数
toggle()
切换元素的可见状态
13、Ajax
$.ajax(options)
$.get(”search.do”,{id:1},rend); function rend(xml){ alert(xml); }(1)
$.post(”search.do”,{id:1},rend); function rend(xml){alert(xml);}(2)
$(”#msg”).ajaxStart(function(){this.html(”正在载入..”);});(3)
$(”#msg”).ajaxSuccess(function(){this.html(”加载完成!”); });(4)
通过 HTTP 请求加载远程数据
注:
总结自第三阶段jQuery的PPT。
0 0
- 关于jQuery基础有感
- jquery使用有感
- 读JQuery 有感
- jQuery源码阅读有感
- 看jQuery源码有感
- 基础学习有感
- 关于读有感.
- 关于"游戏规则"有感!
- 关于二叉树有感
- 工作有感-关于优化
- 观刘晓环老师jQuery课程有感
- 有感—基础的重要
- 中间件基础架构设计有感
- 基础系统数据录入有感
- 2017.2.9 网络基础有感
- 关于股市的大起大落有感!
- 关于自己动手做小东西有感
- 关于阿里巴巴测试嘉年华 有感
- angular把echarts封装为指令(配合requirejs)
- Highway Network
- Kendo UI常用示例汇总(十八)
- 63. Unique Paths II
- Go语言操作Redis
- 关于jQuery基础有感
- PHP设计模式之:工厂模式
- python windows错误代码 5
- 残差神经网络
- NSTimer的用法
- 将图片保存到相册
- 第二周项目0-宣告“主权”
- 基于树莓派3的CAN总线编程
- 加减实现二分查找