`
nannan408
  • 浏览: 1783888 次
  • 性别: 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
分享到:
评论

相关推荐

    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特效大全

    jQuery Flash Plugin 用于在页面中嵌入 Flash 内容。它可以轻松地将 Flash 文件插入到 HTML 页面中,并且支持自定义参数和行为。 **3.15 jQuery.SerialScroll** jQuery.SerialScroll 插件用于创建连续滚动的图片...

    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实现的。 其次,将初始化代码放到页面的最底部。之所以要放到页面的最...

Global site tag (gtag.js) - Google Analytics