jQuery HTML
jQuery 包含很多供改变和操纵HTML 的强大函数。常用的有:
?html
?Append
?Prepend
?After
?Before
等办法
html() 函数改变所匹配的HTML 元素的内容(innerHTML)。
Append和prepend
append首要用于往元素的innerhtml后面添加一段内容
prepend首要用于往元素的innerhtml前面插入一段内容
After和before
After首要用于往被选中的元素后面添加内容
before首要用于往被选中的元素前面添加内容
addClass和removeClass
addClass办法可以想匹配的元素中添加一个新的css类。
该办法不会移除已存在的class 属性,仅仅添加一个或
多个class 属性。当添加的属性与现有的属性一样时,
以新添加的属性为准。
removeClass() 办法从被选元素移除一个或多个类。
Html办法列表
Jquery css
jQuery 拥有三种用于CSS 操纵的首要函数:
¥(or).css(name,value)
¥(or).css({properties})
¥(or).css(name)
函数css(name,value) 为所有匹配元素的给定CSS 属性设置值:
函数css({properties}) 同时为所有匹配元素的一系列CSS 属性设置值:
函数css(name) 返回指定的CSS 属性的值:
Size操纵
jQuery 拥有两种用于尺寸操纵的首要函数:
¥(or).height(value)
¥(or).width(value)
例如:
¥("#p1").height(“100px");
¥("#p1").width(“200px");
Jquery Ajax
Jquery 结果
jQuery 可以创建隐蔽、显示、切换、滑动以及自定义动画等结果。常用的
结果有:
? hide() 隐蔽
? show()显示
? fadeTo() 淡出
? slideToggle() 展开紧缩
? animate() 大小变更
等
Hide结果首要用于隐蔽某个html元素
show结果首要用于显示某个被隐蔽的html元素
hide() 和show() 都可以设置两个可选参数:speed 和callback
speed 参数规定显示或隐蔽的速度。可以设置这些值:"slow", "fast",
"normal" 或毫秒。
callback 参数是在hide 或show 函数完成之后被履行的函数名称。您
将在本教程下面的章节进修更多有关callback 参数的常识。
实例:
Toggle()结果
我们可以应用toggle() 函数使show() 或hide() 函数来切换HTML 元素的可见状况。
滑动结果
我们可以应用slideDown, slideUp, slideToggle 来实现滑动的结果
淡入淡出结果
我们可以应用fadeIn(), fadeOut(), fadeTo()来实现淡入淡出结果
fadeTo() 函数中的opacity 参数规定减弱到给定的不透明度。
Call Back函数
Callback 函数在当前动画100% 完成之后履行。
很多jQuery 函数涉及动画。这些函数也许会将speed 或
duration 作为可选参数。
例如:¥("p").hide("slow")
speed 或duration 参数可以设置很多不合的值,比如"slow",
"fast", "normal" 或毫秒。
当动画办法完全履行完成后,便会调用call back函数。
例如:
¥("p").hide(1000,function(){
alert("The paragraph is now hidden");
});
履行成果:点击按钮,
2秒后,p段落隐蔽,
然后弹出提示框。
jQuery事务列表
因为jQuery 是为处理惩罚HTML 事务而希罕设计的,那么当您
遵守以下原则时,您的代码会更恰当且更易保护:
? 把所有jQuery 代码置于事务处理惩罚函数中
? 把所有事务处理惩罚函数置于文档伏贴事务处理惩罚器中
? 把jQuery 代码置于零丁的.js 文件中
? 若是存在名称冲突,则重定名jQuery 库