1.修改标签内容:
*html( ) 相当于innerHTML
* text( ) 相当于innerText
2.属性操作:
*attr( ) 读/写/添加/设置属性
*removeAttr( ) 移除属性
3.each( ) 索引:
迭代,把所有制定的标签内的值都迭代出来。
语法 | 描述 | ||
$(selector).each(function(index,element)) |
|
4.switch()
*首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。
*判断哪个属性符合判断条件就执行:
switch (numoff){
case 1:
document.write('');
case 2:
document.write('两');
case 3:
document.write('');
case 4:
document.write('');
default :
document.write('都不对');
5.在JQuery中,this 表示当前标签属性,可以通过this来获取标签内的内容,示例如下:
var user_id = $(this).attr("data-user-id");
6.样式操作:
*JQuery中,是通过 .css()的方式进行元素操作的。
7.事件:
*off():移除事件
*hover():方法可以实现移入移出
*clink():点击
二。动画:
1.显示 / 隐藏
*hide()隐藏
*show()显示
*toggle()取反
#语法
$(selector).hide(speed,callback); $(selector).show(speed,callback); #可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。 #可选的 callback 参数是隐藏或显示完成后所执行的函数名称。 #通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。使用方法和之前一样
2.翻滚:
*slideUp()向上翻
*slideDown()向下翻
*slideToggle()取反,表现的是上翻和下翻,改变的是高度
语法: $(selector).slideDown(speed,callback);
$(selector).slideUp(speed,callback);
$(selector).slideToggle(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是滑动完成后所执行的函数名称。
slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。
$("#flip").click(function(){
$("#panel").slideDown();
}); 6 $("#flip").click(function(){
$("#panel").slideUp();
}); $("#flip").click(function(){
$("#panel").slideToggle();
14 });