`

jquery——one

阅读更多
有不对的地方和走偏的地方,希望大家指点哈~~谢啦~~

记录学习jquery的点点滴滴~~~~


第一天:(参考15天学会jquery)


1、 使用jquery要引入jar包;使用什么插件,引入什么jar。

2、 可以使用$(document).ready(function(){。。。 }方法,里面可以写很多个js方法。

3、 eg:
html:
    <table class="stripe_tb" >
      <tr>
        <th>姓名</th>
      </tr>
    </table>
css:
     <style type="text/css">
.stripe_tb th {
    background:#B5CBE6;
        }
        .stripe_tb td {
     padding:6px 101px;
        }
       .stripe_tb tr.alt td {//class名叫alt

background:#ecf6fc; /*这行将给所有偶数行加上背景色*/

}
//如果想让单击每一个单元格分别显示,则改成tr td.over在jquery调用时改成$(".stripe_tb tr td").mouseover(function(){
.stripe_tb tr.over td{//class名叫over

background:#000000; /*这个将是鼠标高亮行的背景色*/

}
js:
<script type="text/javascript">

  $(document).ready(function(){

$(".stripe_tb tr").mouseover(function(){

//如果鼠标移到class为stripe_tb的表格的tr上时,执行函数

$(this).addClass("over");}).mouseout(function(){

//给这行添加class值为over,并且当鼠标移除该行时执行函数

$(this).removeClass("over");}) //移除该行的class

$(".stripe_tb tr:even").addClass("alt");

//给class为stripe_tb的表格的偶数行添加class值为alt

});

</script>
分享到:
评论

相关推荐

    ASP.NET实例开发源码——OneMore后台权限框架v1.0.zip

    ASP.NET实例开发源码——OneMore后台权限框架v1.0.zip这个压缩包提供了一个基于ASP.NET技术的后台权限管理框架。此框架的核心目标是帮助开发者实现高效、安全且易于维护的后台系统。以下是该框架可能包含的关键知识...

    JQuery入门——用one()方法绑定事件处理函数(仅触发一次)

    本篇文章将深入探讨jQuery中的`one()`方法,这是一个用于事件处理的独特功能,允许开发者为元素绑定一个只触发一次的事件处理函数。 `one()`方法的核心在于它的一次性特性,这使得它在某些场景下特别有用,比如初始...

    ASP.NET源码——[CMS程序]Zeroone v3.1.3.zip

    【ASP.NET 源码分析——Zeroone CMS v3.1.3】 ASP.NET 是微软公司推出的一种基于.NET Framework的服务器端网页开发技术,它提供了一种高效、强大的方式来构建动态网站、Web应用程序和Web服务。在"Zeroone v3.1.3"这...

    jQuery权威指南-源代码

    ——jQuery中文用户组 jQuery因为易于使用和功能强大著称,是所有Web开发者应该掌握的一种利器,初学者如何才能快速而有效地掌握jQuery呢?最好的方法莫过于一边学习理论,一边动手实践这些理论,本书就是按照这种...

    JQuery入门——用bind方法绑定事件处理函数应用介绍

    在JavaScript的世界里,jQuery是一...在实际开发中,结合其他jQuery事件处理方法,如`one()`(仅执行一次的事件处理函数)和`delegate()`(针对未来可能添加的元素绑定事件),我们可以构建出响应用户交互的动态网页。

    JavaScript与JQuery实现全选例子

    无论是使用原生JavaScript还是jQuery来实现全选功能,关键是理解其中的核心逻辑——即如何根据全选按钮的状态来更新所有复选框的状态,以及如何根据所有复选框的状态来更新全选按钮的状态。此外,根据项目的实际需求...

    asp.net结合jquery裁剪图片

    在实现图片裁剪功能时,我们通常会借助jQuery的一个插件——JQuery Cropper。这个插件提供了直观的拖动选择区域,让用户可以自由地裁剪图片。以下是使用该插件的基本步骤: 1. **引入依赖**:在HTML页面中,我们...

    锋利的jQuery.pdf

    由于文件内容反复提及的是一个名为51旧书网的二手书籍交易平台,因此这里我们将重点放在解析标题与描述中的关键词——“锋利的jQuery”,并结合对jQuery的基本理解和相关知识点进行展开。 ### 锋利的jQuery #### ...

    jQuery中绑定事件bind() on() live() one()的异同

    bind()————————-版本号小于3.0(在Jquery3.0中已经移除,相应unbind()也移除) live()————————–版本号小于1.7(在Jquery1.7中已经移除,相应die()也移除) delegate()——————-版本号小于1.7...

    jQuery入门-2015

    1. **版本区分**:jQuery提供了两种版本供用户选择——**压缩版**和**非压缩版**。压缩版是为了提高加载速度,在正式环境中使用;非压缩版则包含了注释和空白字符,便于调试和学习。 2. **别名定义**:在jQuery中,...

    XMPP Programming with JavaScript and jQuery

    该书旨在介绍如何利用JavaScript及其流行的库——jQuery进行XMPP协议的应用程序开发。 #### 标签分析:“XMPP JavaScript jQuery” - **XMPP**:本书的核心技术之一,涉及XMPP协议的基础知识、应用场景及其实现...

    jQuery学习资料总结

    - **简写形式**:为了提高代码的可读性及简洁性,jQuery提供了更简便的写法——`$(function(){});`,这与`$(document).ready(function(){});`是等效的。 #### 2. jQuery与DOM操作 - **jQuery vs DOM**: - **...

    Learning from jQuery

    《Learning from jQuery》这本书深入浅出地讲解了jQuery的核心功能之一——事件处理。通过学习如何监听、触发、移除事件,以及理解事件在DOM中的传播机制,开发者可以更有效地利用jQuery来构建交互丰富的Web应用。...

    手机静态模板——微官网html5触屏响应式手机wap网站模板

    标题中的“手机静态模板——微官网html5触屏响应式手机wap网站模板”指的是一个专为手机设计的静态网页模板,它采用了HTML5技术,并且是触屏响应式的,适用于微官网的构建。这意味着该模板可以自适应不同尺寸的移动...

    jQuery绑定事件方法及区别(bind,click,on,live,one)

    首先,我们来介绍最基本的事件绑定方法——`bind()`。`bind()`方法能够为所有匹配的元素的特定事件绑定事件处理函数。例如: ```javascript $('#clickme').bind("click", function() { alert("HelloWorldbind"); }...

    jQuery的三种$()

    比如:$(“a”)构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的这个标签。如: $(“a”).click(function(){…}) 就是在点击页面上的任何一个链接时的触发事件。确切地说,就是jQuery用这个...

    PHP实例开发源码——wordpress:恰拍贷款助手 手机app主题.zip

    - 一个良好的WordPress主题会考虑到搜索引擎优化(SEO),可能包含对Yoast SEO、All in One SEO Pack等插件的支持,以帮助提高网站在搜索结果中的排名。 10. **安全实践**: - 开发者应该遵循最佳安全实践,避免...

Global site tag (gtag.js) - Google Analytics