`
yanzilee9292
  • 浏览: 531289 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Jquery的CSS操作

jQueryCSSJavaScriptHTML 
阅读更多

1. 添加样式

 

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").css({"background-color":"red","font-size":"200%"});
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>

</html>

 

 

2.改变size

 

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("#id100").height("200px");
  });
});
</script>
</head>

<body>
<div id="id100" style="background:yellow;height:100px;width:100px">
HELLO</div>
<div id="id200" style="background:yellow;height:100px;width:100px">
W3SCHOOL</div>
<button type="button">请点击这里</button>
</body>

</html>
 
分享到：
| Jquery对HTML操作
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    第17周-第14章节-Python3.5-点赞以及jQuery css操作.avi

    第17周-第14章节-Python3.5-点赞以及jQuery css操作.avi

    jQuery+css实现tab切换效果

    jQuery+css实现tab切换效果 jQuery+css实现tab切换效果源代码

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的...

    jQuery操作函数

    内容包括:jQuery Ajax 操作函数,jQuery 选择器,jQuery 事件处理方法,jQuery 事件方法,jQuery 效果函数,jQuery 文档操作方法,jQuery 属性操作方法,jQuery CSS 操作函数,jQuery 遍历函数

    jQuery详细教程

    提示：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...

    jQuery CSS3 box-shadow属性设置css3阴影

    jQuery CSS3 box-shadow属性设置css3阴影

    通过jquery+css实现选项卡功能

    通过jquery的javascript代码及css实现选项卡功能，美观大方，要求加载jQueryUI

    jQuery CSS 仿微信聊天风格的展开、折叠操作面板.rar

    jQuery CSS 仿微信聊天风格的展开、折叠操作面板，其实就是一个手风琴菜单，可用于手机界面的开发中，也可用于前端设计开发。

    HTML5+CSS3+jquery应用之美

    HTML5、CSS3与jQuery俨然成为了标准Web制作技术的黄金组合。《HTML5+CSS3+jQuery应用之美》由韩国专业视觉设计师倾力奉献其多年商业网站设计与制作的从业经验，通过八大商业案例，以HTML5搭建结构、CSS3设置样式、...

    jquery,css模拟键盘

    jquery和css制作的模拟屏幕键盘页面

    jQuery – 获取并设置 CSS 类

    jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些： addClass() – 向被选元素添加一个或多个类 removeClass() – 从被选元素删除一个或多个类 toggleClass() – 对被选元素进行添加/删除类的切换操作 css()...

    基于jQuery和CSS3的圆盘抽奖

    基于jQuery和CSS3的圆盘抽奖，这个小程序可以让你在网站上轻松的添加一个抽奖应用，应用是基于jQuery和CSS3开发的，圆盘抽奖很好玩的哦，你抽中了什么？ 建议开发童鞋使用跨平台开发工具——统一开发环境UDE来进行...

    最新Python3.5零基础+高级+完整项目（28周全）培训视频学习资料

    点赞以及jQuery css操作 JQuery高度以及位置操作 JQuery 事件绑定的方式 JQuery事件之组织事件的发生 示例：表单验证 JQuery事件之页面框架和加载后自动执行 JQuery扩展以及自动执行函数的应用 JQuery阻止事件发生 ...

    jquery中有哪些api jQuery主要API

    本文有软件开发网整理，主要给读者们分享了一些主要的jQuery API，其中包括jQuery 核心函数和方法、jQuery属性参考手册、jQuery CSS操作、jQuery选择器、jQuery文档操作、jQuery筛选操作、jQuery事件方法、jQuery...

    jQuery基础DOM和CSS操作源码

    jQuery基础DOM和CSS操作源码，适合初学者哦，可以下载下来作为参考资料的。

    jquery.css-transform:用于变换操作和动画支持的轻量级 jQuery 插件

    jQuery CSS Transform 是一个轻量级的 jQuery 插件，它为支持 CSS 转换的浏览器添加了转换操作和动画支持。 它对于在支持 CSS 转换但不支持 CSS 转换（例如 IE9）的浏览器上为 CSS 转换属性设置动画特别有用。 它...

    jQuery和css3网站操作提示向导插件

    这是一款使用jQuery和css3制作的用于提示网站某项功能的操作提示向导插件。该jQuery提示向导插件小巧玲珑，效果十分不错。

    云台控制器+css+jQuery+canvas

    云台控制器+css+jQuery+canvas（鼠标移入移出，按钮改变样式）

    jQuery CSS3 扁平化风格可展开收起的多级菜单.rar

    jQuery CSS3 扁平化风格可展开收起的多级菜单，或者说是手风琴菜单，相信大家平时也见到不少了，这种菜单默认情况下，子项是处于隐藏状态，鼠标点击主菜单后，会显示出子菜单项，同时其它展开的内容折叠收起，只保证...

    jQuery+css3实现的可爱3D动画展示效果

    jQuery+css3实现的可爱的3D动画展示效果，界面上的卡通小动物非常可爱，点击有3D效果的文字出现，整体流畅、精美。 建议开发童鞋使用统一开发环境UDE来进行查看、调试、开发~~~统一开发环境是一款HTML5跨平台一站式...

Magicbox
Global site tag (gtag.js) - Google Analytics