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

以下两段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 汉语言文学

赞 (0)

相关推荐

  • jquery点击改变class并toggle的实现代码

    jquery点击改变class并toggle的实现代码 <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>

  • jQuery方法简洁实现隔行换色及toggleClass的使用

    今天用一种简洁的方法toggleClass()实现了隔行换色:代码如下: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>隔行换色</title> <script src="js/jquery-1.4.2.min.js"></script> <style type=&quo

  • 用简洁的jQuery方法toggleClass实现隔行换色

    今天用一种简洁的方法toggleClass()实现了隔行换色:代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>隔行换色</title> <script src="js/jquery-1.4.2.min.js"></script> <style type="text/css&

  • jQuery中toggleClass()方法用法实例

    本文实例讲述了jQuery中toggleClass()方法用法.分享给大家供大家参考.具体分析如下: 此方法对添加或移除匹配元素的一个或多个类进行切换. toggleClass()方法检查匹配元素中指定的类.如果不存在则添加类,如果已设置则删除之.这就是所谓的切换效果. 语法结构一: 复制代码 代码如下: $(selector).toggleClass(class,switch) 如果存在(不存在)就删除(添加)一个类. 参数列表: 参数 描述 class 规定添加或删除的类. 如果需要添加多个

  • jQuery使用toggleClass方法动态添加删除Class样式的方法

    本文实例讲述了jQuery使用toggleClass方法动态添加删除Class样式的方法.分享给大家供大家参考.具体分析如下: jQuery通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass,运行下面的代码点击按钮可以看到文本段落字体在蓝色和黑色间切换 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"&

  • jQuery toggleClass应用实例(附效果图)

    jQuery toggleClass应用实例(附效果图)

    1.首先到jQuery官网下载js库,网址为http://jquery.com/ 2.建立一个jQuery示例的项目. 3.将js库放到jQuery示例的项目中. 4.写一个html页面 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head

  • 用jQuery toggleClass 实现鼠标移上变色

    按钮移上变色效果 复制代码 代码如下: <style> .round-corner-btn { -moz-border-radius:4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; width:200px; height:40px; line-height: 40px; background: green; display:inline-block; color:white; tex

  • jQuery点击改变class并toggle及toggleClass()方法定义用法

    我滴古老风格,废话不多说,贴代码了. <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script> <style

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

    以下两段jQuery是等价的 1 使用toggleClass实现class值的交替 复制代码 代码如下: $("#in1").click(function(){ $("li").toggleClass("ok2"); }) 2 使用js判断实现class值的交替 复制代码 代码如下: $("#in1").click(function(){ var ok=$("li:first").attr("cl

  • jQuery中的编程范式详解

    本文详细分析了jQuery中的编程范式.分享给大家供大家参考.具体如下: 浏览器前端编程的面貌自2005年以来已经发生了深刻的变化,这并不简单的意味着出现了大量功能丰富的基础库,使得我们可以更加方便的编写业务代码,更重要的是我们看待前端技术的观念发生了重大转变,明确意识到了如何以前端特有的方式释放程序员的生产力.这里将结合jQuery源码的实现原理,对javascript中涌现出的编程范式和常用技巧作一简单介绍.   1. AJAX: 状态驻留,异步更新 首先来看一点历史. A. 1995年Ne

  • jQuery中DOM 属性使用实例详解上篇

    目录 DOM属性(上) .addClass() .removeClass() .toggleClass() .hasClass() DOM属性(上) .addClass() 为每个匹配的元素添加指定的样式类名 值得注意的是这个方法不会替换一个样式类名.它只是简单的添加一个样式类名到元素上. 对所有匹配的元素可以一次添加多个用空格隔开的样式类名, 像这样: $("p").addClass("myClass yourClass"); .addClass() 方法允许我们

  • 从零开始学习jQuery (四) jQuery中操作元素的属性与样式

    从零开始学习jQuery (四) jQuery中操作元素的属性与样式

    一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言 通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将讲解如何使用jQuery获取和修改元素属性和样式. 三. 区分DOM属性和元素属性 一个img标签: <img src="images/image.1.jpg" id="hibiscus" alt="

  • 浅谈jquery中的each方法$.each、this.each、$.fn.each

    jquery.each 方法 方法一 $("img").each(function(i,elem){ // i 下标 从零开始, // elem == this // $(elem).toggleClass("example"); $(this).toggleClass("example"); }); 方法二 $.each([1,2,3,4],function(){ //$(this)==数组中的每一个数组(如果数组是对象,就是对象) }); 方

  • JQuery中$之选择器用法介绍

    1.$.在jQuery 中$("<span>"),这个语法等同于$(document.createElement("span")) ,这是一种用法,在选择元素的时候还会这样子的用:[attribute$=value],匹配给定的属性是以某些值结尾的元素.下面举个例子来说明一下: HTML代码 <input name="newsletter" /> <input name="milkman" /&g

  • 详解jQuery中的DOM操作

    详解jQuery中的DOM操作

    大致介绍 jQuery作为JavaScript库,继承并发扬了JavaScript对DOM对象操作的特性,使开发人员能方便的操作DOM对象. jQuery中的DOM操作 看看DOM操作都有哪些 逐一来看 先写一份HTML代码,后面的代码将操作这份HTML代码 <p title="选择你最喜欢的水果">你最喜欢的水果?</p> <ul> <li title="苹果">苹果</li> <li title=

  • jQuery中ajax - post() 方法实例详解

    jQuery中ajax - post() 方法实例详解

    在jquery中的ajax有二个数据发送模式,一种是get,另一种是post(). jQuery Ajax 参考手册 实例 请求 test.php 网页,忽略返回值: $.post("test.php"); TIY 实例 通过 AJAX POST 请求改变 div 元素的文本: $("input").keyup(function(){ txt=$("input").val(); $.post("demo_ajax_gethint.asp

  • jQuery中ajax - get() 方法实例详解

    jQuery中ajax - get() 方法实例详解

    在jquery中使用get,post和ajax方法给服务器端传递数据,在上篇文章给大家分享了jquery中ajax-post()方法实例,下面通过本文继续学习jQuery中ajax - get() 方法,具体介绍请看下文. jQuery Ajax 参考手册 实例 使用 AJAX 的 GET 请求来改变 div 元素的文本: $("button").click(function(){ $.get("demo_ajax_load.txt", function(resul

随机推荐