`
nannan408
  • 浏览: 1771100 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery1.7例子2-如何在script中修改标签样式

 
阅读更多
1.前言.
   script可以先在标签的样式中加入“被选中”，“被点击”等的处理方案，然后在script中调用这种方案，实现修改标签样式。
2.例子.
  
<!DOCTYPE html>
<html>
<head>
  <style>
  p { margin: 8px; font-size:16px; }
  .selected { color:red; }
  .highlight { background:yellow; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  Hello

  and

  Goodbye

script配合style一起实现在script修改样式。
<script>
  $("p:last").addClass("selected highlight");
 </script>

</body>
</html>
0
顶
0
踩
分享到：
| jquery1.7例子1--如何为div额外加样式
评论
发表评论

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

相关推荐

    Jquery表单检验

    在本案例中，我们有 `jquery-ui-1.7.custom.min.js`（可能用于 UI 效果），`jquery.validate.js`（jQuery Validate 主库）和 `successOrFailure.css`（可能包含验证成功或失败时的样式）。 2. **HTML 结构**：为...

    jquery 动态选择器

    在Web开发中，jQuery库以其简洁的API和强大的功能深受开发者喜爱。其中，动态选择器是jQuery的核心特性之一，它使得操作DOM元素变得异常简单。本文将深入探讨jQuery动态选择器的概念、使用方法以及在实际项目中的...

    jQuery点击弹出下拉菜单的小例子

    在本例中，使用的是版本1.7，通过`&lt;script&gt;`标签引入。之后的JavaScript代码在文档加载完成后执行，使用`$(document).ready()`函数包裹。 JavaScript部分是实现下拉菜单的关键。`$(".navgation input")`选择所有`...

    jQuery拖动图片删除示例

    在代码中，`&lt;script&gt;`标签引入了jQuery 1.7版本，这使得我们可以使用jQuery提供的高效API来编写JavaScript代码。 2. **jQuery UI库**：jQuery UI是jQuery的一个扩展，提供了更多的交互组件和特效，如拖放功能。在这...

    jQuery实现鼠标移入移出事件切换功能示例

    在本文中，我们将深入探讨如何使用jQuery来实现鼠标移入移出事件的切换功能。首先，让我们了解一下jQuery库以及它如何处理DOM元素的事件。 jQuery是一个轻量级的JavaScript库，它简化了JavaScript的DOM（Document ...

    基于jQuery插件实现点击小图显示大图效果

    在这个例子中，我们使用的是jQuery 1.7版本。此外，还需要引用用于实现大图显示功能的插件文件，这里使用的是`NFLightBox.js`，并引入相应的CSS样式表`nf.lightbox.css`，以确保大图显示时的样式和动画效果。 HTML...

    jQuery实现渐变下拉菜单的简单方法

    在这个例子中，`fadeIn(100)`和`fadeOut(400)`参数分别表示动画完成的时间，单位是毫秒。数值越小，动画速度越快。这使得用户在操作菜单时能感受到平滑的过渡效果。 总结起来，通过结合HTML结构、CSS样式和jQuery...

    jQuery下拉框美化插件fancyspinbox特效代码

    fancyspinbox通常与jQuery 1.7+版本兼容，但需要注意的是，由于其依赖于jQuery，因此在不支持jQuery的环境中可能无法正常工作。同时，为了保证在不同浏览器上的兼容性，fancyspinbox通常需要配合最新的浏览器版本或...

    jQuery表单域选择器用法分析

    在这个例子中，当文档加载完毕后，jQuery会自动填充文本框和密码框的初始值，选中第一个单选按钮和所有复选框，更改图像提交按钮的源，调整文件输入框的宽度，设置隐藏字段的值，改变下拉列表的背景色，设置提交按钮...

    dropload.js插件下拉刷新和上拉加载使用详解

    注意，在引入这两个文件的同时，需要在页面中引入Jquery1.7以上版本或者Zepto其中一个库，而不应该同时引入两者，因为dropload.js是基于jquery实现的。 其次，将初始化代码放到页面的最底部。之所以要放到页面的最...

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