9、 jQuery Callback 函数 回调函数
当动画 100% 完成后,即调用 Callback 函数
语法:
$(selector).hide(speed,callback)
callback 参数是一个在 hide 操作完成后被执行的函数。
例子:
$("p").hide(1000,function(){
alert("The paragraph is now hidden"); //完成隐藏动画后 执行弹窗命令
});
Chaining 链接技术:
允许在相同的元素上运行多条 jQuery 命令,一条接着另一条。
提示:这样的话,浏览器就不必多次查找相同的元素。
如需链接一个动作,只需把该动作追加到之前的动作上。
例子:
把 css(), slideUp(), and slideDown() 链接在一起。
"p1" 元素首先会变为红色,然后向上滑动,然后向下滑动
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
!!当进行链接时,代码行会变得很差。
不过,jQuery 在语法上不是很严格;可以按照希望的格式来写,包含折行和缩进。
像这样:$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);
10、jQuery DOM 操作
jQuery拥有可操作 HTML 元素和属性的强大方法
1、获得内容 text()、html() 以及 val()
text() 设置或返回所选元素的文本内容 "()"内有值为设置,空为获取
html() 设置或返回所选元素的内容(包括 HTML 标记) 同上
val() 设置或返回表单字段的值 同上
text()、html() 以及 val() 的回调函数
由两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。
然后以函数新值返回希望使用的字符串。
2、获取、设置属性 attr( )、 prop()
attr( ) 设置/改变属性值双属性标签 "()"内有值为设置,空为获取
可以同时设置多个属性
如:$(obj).attr({
"src":"
http://www,baidu.com",
"title":"改变后的标题"
})
prop() 设置/获取单标签 如:checked selected
3、添加新元素/内容
添加新的 HTML 内容
append() 在被选元素的结尾插入内容
prepend() 在被选元素的开头插入内容
after() 在被选元素之后插入内容
before() 在被选元素之前插入内容
4、删除元素/内容
remove() 删除被选元素(及其子元素)
empty() 从被选元素中删除子元素
过滤被删除的元素
remove() 方法也可接受一个参数,允许对被删元素进行过滤
该参数可以是任何 jQuery 选择器的语法
如:
$(obj).remove("p") 删除obj对象中 子元素为p的元素
11、jQuery 操作 CSS样式
!!添加的都是css类名
addClass() 向被选元素添加一个或多个类 在添加类时,可以选取多个元素添加同一个属性
removeClass() 从被选元素删除一个或多个类
toggleClass() 对被选元素进行添加/删除类的切换操作
css() 设置或返回样式属性 “()”为空时获取属性 有值时设置属性
设置多个 CSS 属性,可使用如下语法:
css({"propertyname":"value","propertyname":"value",...});
随手整理 如有不足 请纠正