jQuery 的css()方法用来设置或读取HTML元素的css属性。读取元素的CSS语法语法如下:css(“propertyname“);比如下面代码取得第一个元素的背景颜色。$("p").css("background-color"); 使用下面的语法来设置HTML元素的CSS属性:css(“propertyname“,”value“);例如,下面代码为所有元素设置背景色为黄色。...
[编程语言] jQuery 入门教程(16): 设置或取得元素的CSS class
jQuery支持方法用来操作HTML元素的CSS 属性 下面的方法为jQuery 提供的CSS操作方法:addClass() – 为指定的元素添加一个或多个CSS类。removeClass() – 为指定的元素删除一个或多个CSS类。toggleClass() – 为指定的元素在添加/删除CSS类之间切换。css() -设置或是取得CSS类型属性。下面的StyleSheet为后面例子使用的CSS风...
[编程语言] jQuery 入门教程(15): 删除HTML元素
jQuery使用下面两个方法来删除或是清空某个HTML元素。remove() – 删除指定的元素(包括其子元素)empty() – 清空指定元素的子元素例如: JQuery Demo $(document).ready(function () { $("button").click(function () {...
[编程语言] jQuery 入门教程(14): 添加HTML元素
使用jQuery可以方便的添加新的HTML元素。下面的方法用于添加HTML元素:append() – 在指定的元素的尾部添加一个新内容。prepend() -在指定的元素里前部添加新内容。after() – 在指定元素后添加新内容before() -在指定元素的前面添加新内容。乍一看append,prepend 和after,before似乎功能一样,但append,prepend指在选中的元素本...
[编程语言] jQuery 入门教程(13): HTML Set
上篇介绍HTML Get,jQuery其实使用上面同样的三个方法来赋值。text() – 设置或取得指定元素的文本内容。html() – 设置或取得指定元素的内容(包括HTML标记)val() – 设置或取得表单某个输入域的值。比如下面代码就是使用上面三种方法给HTML元素或Form赋值$("#btn1").click(function(){ $("#test1").text("Hello...
[编程语言] jQuery 入门教程(12): HTML Get
jQuery库包含了很多用来改变和操作HTML元素及其属性的方法。其中一个非常重要的部分就是jQuery可以用来操作DOM。本篇介绍使用jQuery来取得DOM节点元素的值或属性。其中三个简单而有用的方法如下:text() – 设置或取得指定元素的文本内容。html() – 设置或取得指定元素的内容(包括HTML标记)val() – 设置或取得表单某个输入域的值。例如,下面代码使用html()和t...
[编程语言] jQuery 入门教程(11): 方法链
jQuery支持将多个方法链接在一起,比如介绍的多个animation(),这个链接也可以应用到其它方法,构成一个方法链。使用这个方法,对于同一个元素,链接多个方法,浏览器无需多次查找HTML元素。下面的方法,可以把css,slideUp,slideDown串接在一起:$("#p1") .css("color","red") .slideUp(2000) .slideDown(2000);...
[编程语言] jQuery 入门教程(10): 回调函数
JavaScript语句是一行一行执行的,然而对于前面的动画效果语句,后面的语句可以在动画效果完成前就执行,因此可能会造成错误的结果。所以之前的hide,show,fadeIn,fadeOut,slideIn,slideOut,animation都支持一个callback可选参数,支持为这些方法添加一个回调函数,在动画完成之后调用。典型的语法如下:$(selector).hide(speed,ca...
[编程语言] jQuery 入门教程(9):终止动画
jQuery的使用stop()方法在动画结束之前停止动画。 基本语法如下:$(selector).stop(stopAll,goToEnd);可选参数stopAll 指明是否同时清除“动画队列”,缺省为false.意味着只停止当前活动的动画,之后的动画则继续运行。可选参数goToEnd 指明是否立即结束当前动画,缺省为false.因此缺省的stop()动作为终止指定HTML元素的当前动画效果。如:...
[编程语言] jQuery 入门教程(8): 动画效果
前面的hide/show,slide in/out其实也具有动画效果,本篇介绍使用animate()实现自定义动画效果。基本语法如下:$(selector).animate({params},speed,callback);必选的参数为params,定义CSS用于动画效果的的属性。可选参数speed给出了淡入效果的时间,可以使用 “slow”,”fast” 或是数值(微秒) 第二个可选参数为回调函...
[编程语言] jQuery 入门教程(7): 滑动效果
jQuery支持使用下面方法来实现HTML元素的滑动效果:slideDown()slideUp()slideToggle()slideDown方法 用来实现向下滑动动画效果,其基本语法为:$(selector).slideDown(speed,callback);可选参数speed给出了淡入效果的时间,可以使用 “slow”,”fast” 或是数值(微秒) 第二个可选参数为回调函数,在slideD...
[编程语言] jQuery 入门教程(6): 淡入淡出效果