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