jQuery中与toggleClass等价的程序段 以及未来学习的方向

 更新时间:2010年03月18日 19:03:42   作者:  
昨天开始学jQuery,js是我前端设计技术的一块心病,一直没有找到很好的学习办法。最近突然开悟,可以学jQuery呀,这个东西比较好学。
以下两段jQuery是等价的
1 使用toggleClass实现class值的交替
复制代码 代码如下:

$("#in1").click(function(){
$("li").toggleClass("ok2");
})

2 使用js判断实现class值的交替
复制代码 代码如下:

$("#in1").click(function(){
var ok=$("li:first").attr("class")
if (ok == "ok2"){
$("li").removeClass();
}else{
$("li").attr("class","ok2");
}
})

昨天开始学jQuery,js是我前端设计技术的一块心病,一直没有找到很好的学习办法。最近突然开悟,可以学jQuery呀,这个东西比较好学。于是计划是先用一段不长的时间拿下jQuery,然后进阶js,通过对js的了解去参C#,工具上要逐渐脱离Adobe的Dreamweaver,转向MS的Expression和Visual Studio。VS对jQuery的支持是好的,学了C#后打算琢磨Blend,既然决定投靠微软,就要学会用MS的软件去替代Adobe。

要安排的学习内容
1 jQuery结合JavaScript
2 Expression(Web,Design,Blend)结合Visual Studio和C#
3 温习高中数学(集合,数列,函数,三角函数,解析几何,二项式定理,简易统计导数)
4 高等数学
5 离散数学
6 线性代数
7 数据结构与算法
8 汉语言文学

相关文章

  • jquery插件实现轮播图效果

    jquery插件实现轮播图效果

    这篇文章主要为大家详细介绍了jquery插件实现轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • jquery 页面全选框实践代码

    jquery 页面全选框实践代码

    页面中经常遇到与全选相关的操作,利用jquery集成了一下,主要为了方便使用吧~
    2010-04-04
  • 升级到jQuery 3.6.1遇见的一些坑以及应对办法

    升级到jQuery 3.6.1遇见的一些坑以及应对办法

    Jquery低版本存在安全漏洞,所以需要升级版本,下面这篇文章主要给大家介绍了关于升级到jQuery 3.6.1遇见的一些坑以及应对办法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • 用jQuery旋转插件jqueryrotate制作转盘抽奖

    用jQuery旋转插件jqueryrotate制作转盘抽奖

    这篇文章主要为大家详细介绍了用jQuery旋转插件jqueryrotate制作转盘抽奖,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • jQuery实现响应浏览器缩放大小并改变背景颜色

    jQuery实现响应浏览器缩放大小并改变背景颜色

    这篇文章主要介绍了jQuery实现响应浏览器缩放大小并改变背景颜色,比较实用,也很简单,使用到了一个resize事件需要的朋友可以参考下
    2014-10-10
  • jQuery实现简单的轮播图效果

    jQuery实现简单的轮播图效果

    这篇文章主要为大家详细介绍了jQuery实现简单的轮播图效果,实现自动播放,能手动切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Jquery实现自定义窗口随意的拖拽

    Jquery实现自定义窗口随意的拖拽

    点击一个按钮时,弹出一个自定义窗口,并且可以随意的拖拽,jquery也可以实现这样的功能,下面有个不错的示例,大家可以感受下
    2014-03-03
  • jQuery组件easyui基本布局实现代码

    jQuery组件easyui基本布局实现代码

    这篇文章主要为大家详细介绍了jQuery easyui基本布局实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • jquery的幻灯片图片切换效果代码分享

    jquery的幻灯片图片切换效果代码分享

    这篇文章主要介绍了jquery的幻灯片图片切换效果,幻灯片图片切换效果特别适合做产品演示,感兴趣 的小伙伴可以参考下。
    2015-09-09
  • jQuery中:only-child选择器用法实例

    jQuery中:only-child选择器用法实例

    这篇文章主要介绍了jQuery中:only-child选择器用法,实例分析了:only-child选择器的功能、定义及匹配父元素的唯一子元素使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01

最新评论