jquery概览
来源：互联网 发布：数据库pdforacle网盘 编辑：程序博客网 时间：2024/05/01 06:25
一）jQuery九类选择器【参见手册】
目的：通过九类选择器，能定位web页中的任何标签
（1）基本选择器
（2）层次选择器
（3）增强基本选择器
（4）内容选择器
（5）可见性选择器
（6）属性选择器
（7）子元素选择器
（8）表单选择器
（9）表单对象属性选择器
注意：项目中，通常是多种选择器一起使用
二）jQuery常用Method-API
标准规则下的常用，注意：以下方法均由对象调用
each()：是中专用于迭代数组的方法，参数为一个处理函数，this表示当前需要迭代的js对象
append()：追加到父元素之后
prepend()：追加到父元素之前
after()：追加到兄弟元素之后
before()：追加到兄弟元素之前
attr(name)：获取属性值
attr(name,value)：给符合条件的标签添加key-value属性对
$("<div id='xxID'>HTML代码</div>")：创建元素，属性，文本
remove()：删除自已及其后代节点
val()：获取value属性的值
val("")：设置value属性值为""空串，相当于清空
text()：获取HTML或XML标签之间的值
text("")：设置HTML或XML标签之间的值为""空串
clone()：只复制样式，不复制行为
clone(true)：既复制样式，又复制行为
replaceWith()：替代原来的节点
removeAttr()：删除已存在的属性
addClass()：增加已存在的样式
removeClass()：删除已存在的样式
hasClass()：判断标签是否有指定的样式，true表示有样式，false表示无样式
toggleClass()：如果标签有样式就删除，否则增加样式
offset()：获取对象的left和top坐标
offset({top:100,left:200})：将对象直接定位到指定的left和top坐标
width()：获取对象的宽
width(300)：设置对象的宽
height()：获取对象的高
height(500)：设置对象的高
children()：只查询子节点，不含后代节点
next()：下一下兄弟节点
prev()：上一下兄弟节点
siblings()：上下兄弟节点
show()：显示对象
hide()：隐藏对象
fadeIn()：淡入显示对象
fadeOut()：淡出隐藏对象
slideUp()：向上滑动
slideDown()：向下滑动
slideToggle()：上下切换滑动，速度快点
面试题--find("9类选择器")：查询指定的节点和多重each()迭代
var $tr = $("table tr:lt(4):even");
$tr.each(function(){
//tr中查找td标签,$(this)表示tr
var $td = $(this).find("td");
$td.each(function(){
//$(this)表示td
vartxt = $(this).text();
alert(txt);
});
});
三）jQuery常用Event-API
目的：对web页面（HTML/JSP）进行事件触发，完成特殊效果的处理
window.onload：在浏览器加载web页面时触发，可以写多次onload事件，但后者覆盖前者
ready：在浏览器加载web页面时触发，可以写多次ready事件，不会后者覆盖前者，依次从上向下执行，我们常用$(函数)简化
ready和onload同时存在时，二者都会触发执行，ready快于onload
change：当内容改变时触发
focus：焦点获取
select：选中所有的文本值
keyup/keydown/keypress：演示在IE和Firefox中获取event对象的不同
mousemove：在指定区域中不断移动触发
mouseover：鼠标移入时触发
mouseout：鼠标移出时触发
submit：在提交表单时触发，true表示提交到后台，false表示不提交到后台
click：单击触发
dblclick：双击触发
blur：焦点失去
0 0
- jquery概览
- jquery 简单语法概览
- jQuery操作概览
- jquery 使用概览
- jquery概览(一)
- 初识jQuery -- 概览
- 概览
- jquery 实现原理一：文件目录结构概览
- jQuery源码剖析（一）——概览&工具方法
- jQuery源码剖析（一）——概览&工具方法
- XML概览
- J2EE概览
- ASP概览
- SOA概览
- 数字音频概览
- SOA概览
- 故障诊断概览
- webMethods概览
- C语言——fork函数
- 349. Intersection of Two Arrays [LeetCode]
- C. Timofey and a tree
- BZOJ1018——[SHOI2008]堵塞的交通traffic
- leetcode 36. Valid Sudoku
- jquery概览
- UVa340 Master-Mind Hints
- g2o库文件已上传
- 为什么年轻人越来越反感「亲戚」这群人？
- 1px像素的实现
- 老人是真饿了
- 算法训练 大小写转换
- 130. Surrounded Regions
- c++和c的头文件区分
