续表
方法
说明 示例
css(properties) 以{属性:值,属性:值,……}
的形式为所有匹配的元素设
置样式属性 $("tr").css({ "background-color":"#0A65F3",//设置背景颜
"font-size":"14px", //设置字体大小
"color":"#FFFFFF" //设置字体颜
});
使用css()方法设置属性时,既可以解释连字符形式的CSS
表示法(如background-color),也可以使解释大小写形式的DOM 表示法(如background
jquery学习在线教程Color)
。
4.6 综合实例:实现我的开心小农场
通过jQuery 可以很方便地对DOM 节点进行操作,下面就通过“我的开心小农场”实例来说明通过jQuery 操作DOM 节点的具体应用。本实例的需求主要有以下两点:
(1)在页面中引入农场图片,单击“播种”“生长”“开花”“结果”按钮时,在农场中显示相应效果。
(2)在IE6之前版本的浏览器下,png 格式图片有背景,将其处理为透明效果。
运行本实例,将显示图4-14
所示的效果,单击“播种”按钮,将显示图4-15所示的效果,单击“生长”按钮,将显示图
4-16所示的效果,单击“开花”按钮,将显示图4-17所示的效果,单击“结果”按钮,将显示一棵结满果实的草莓秧。
图4-14 页面的默认运行结果 图4-15 单击“播种”按钮的结果
图4-16 单击“生长”按钮的结果
图4-17 单击“开花”按钮的结果
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论