1. JQuery的链式操作风格

<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){$(".has_children").click(function(){$(this).addClass("highlight")          //为当前元素增加highlight类.children("a").show().end()            //将子节点的a元素显示出来并重新定位到上次操作的元素.siblings().removeClass("highlight")       //获取元素的兄弟元素,并去掉他们的highlight类.children("a").hide();             //将兄弟元素下的a元素隐藏});
});
</script>

2. JQuery对象与DOM对象:JQuery对象只能使用JQuery的API,DOM对象只能使用javascript方法.

3. JQuery对象与DOM对象定义变量的风格

//JQuery var $variable = JQuery对象
//DOM var variable = DOM对象

4.JQuery对象转换成DOM对象

1.JQuery对象是数组对象,通过index得到

var $cr = $("#cr");

   var cr = $cr[0];

alert(cr.checked);

2.JQuery对象的API,getIndex方法

   var $cr = $("#cr");

   var cr = $cr.get(0);

alert(cr.checked);

5.DOM对象转换JQuery对象

var cr = document.getElementById("cr");

var $cr = $(cr);

6.怎么解决javascript和其他库的冲突: 通过调用jQuery.noConflict()函数.将$的控制权移交给其他javascript库,移交以后平时使用$的地方只能使用jQuery代替了

<script type="text/javascript">
jQuery.noConflict();                //将变量$的控制权让渡给prototype.js
jQuery(function(){                  //使用jQueryjQuery("p").click(function(){alert( jQuery(this).text() );});
});$("pp").style.display = 'none';     //使用prototype
</script>

 另外一种方式,不想与其他javascript库冲突,又想定义一个快捷方式

<script type="text/javascript">
var $j = jQuery.noConflict();      //自定义一个比较短快捷方式
$j(function(){                      //使用jQuery$j("p").click(function(){alert( $j(this).text() );});
});$("pp").style.display = 'none';     //使用prototype
</script>

 另外两种方式,移交出$控制权,又能继续使用$的方式

<script type="text/javascript">
jQuery.noConflict();                //将变量$的控制权让渡给prototype.js
jQuery(function($){                 //使用jQuery$("p").click(function(){        //继续使用 $ 方法alert( $(this).text() );});
});$("pp").style.display = 'none';     //使用prototype
</script><script type="text/javascript">
jQuery.noConflict();                //将变量$的控制权让渡给prototype.js
(function($){                       //定义匿名函数并设置形参为$$(function(){                    //匿名函数内部的$均为jQuery$("p").click(function(){    //继续使用 $ 方法alert($(this).text());});});
})(jQuery);                         //执行匿名函数且传递实参jQuery$("pp").style.display = 'none';     //使用prototype
</script>

  

7.让VS2008支持智能感知的方式:

8.简写方式

$(document).ready(function(){//.........
);$(function(){//..........
});

  

转载于:https://www.cnblogs.com/eclipsekan/archive/2012/08/27/2658180.html

锋利的JQuery学习笔记01相关推荐

  1. jQuery学习笔记01:初试jQuery

    jQuery学习笔记01:初试jQuery 一.下载jQuery jQuery官网:https://jquery.com 二.案例演示--Welcome to jQuery World 1.在WebS ...

  2. 锋利的jQuery学习笔记(4)-DOM操作

    1. DOM操作的分类: DOM Core:JavaScript中的getElementByID,getElementByTagName,getAttribute,setAttribute等方法都是其 ...

  3. JavaWeb-综合案例(用户信息)-学习笔记01【列表查询】

    Java后端 学习路线 笔记汇总表[黑马程序员] JavaWeb-综合案例(用户信息)-学习笔记01[列表查询] JavaWeb-综合案例(用户信息)-学习笔记02[登录功能] JavaWeb-综合案 ...

  4. Bootstrap学习笔记01【快速入门、栅格布局】

    Java后端 学习路线 笔记汇总表[黑马程序员] Bootstrap学习笔记01[快速入门.栅格布局][day01] Bootstrap学习笔记02[全局CSS样式.组件和插件.案例_黑马旅游网][d ...

  5. javaweb(03) jQuery学习笔记

    javaweb(03) jQuery学习笔记 jQuery介绍 什么是jQuery jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 ...

  6. JavaWeb黑马旅游网-学习笔记01【准备工作】

    Java后端 学习路线 笔记汇总表[黑马程序员] JavaWeb黑马旅游网-学习笔记01[准备工作] JavaWeb黑马旅游网-学习笔记02[注册功能] JavaWeb黑马旅游网-学习笔记03[登陆和 ...

  7. Servlet和HTTP请求协议-学习笔记01【Servlet_快速入门-生命周期方法、Servlet_3.0注解配置、IDEA与tomcat相关配置】

    Java后端 学习路线 笔记汇总表[黑马程序员] Servlet和HTTP请求协议-学习笔记01[Servlet_快速入门-生命周期方法.Servlet_3.0注解配置.IDEA与tomcat相关配置 ...

  8. Tomcat学习笔记01【Web相关概念、Tomcat基本操作】

    Java后端 学习路线 笔记汇总表[黑马程序员] Tomcat学习笔记01[Web相关概念.Tomcat基本操作][day01] Tomcat学习笔记02[Tomcat部署项目][day01] 目录 ...

  9. XML学习笔记01【xml_基础、xml_约束】

    Java后端 学习路线 笔记汇总表[黑马程序员] XML学习笔记01[xml_基础.xml_约束][day01] XML学习笔记02[xml_解析][day01] 目录 01 xml_基础 今日内容 ...

最新文章

  1. shujufenxi:一组数据透视复工复产“进度条”
  2. hdu1403 后缀数组
  3. Codeforces Round #716 (Div. 2) D(随机算法)
  4. C#求数组中元素的全排列
  5. sql python tableau_Python+SQL+Tableau神组合,金融/咨询/互联网等抢着要的商业分析必备技能!...
  6. Linux脚本5秒后启动程序,嵌入式Linux启动时间优化的秘密之四-启动脚本
  7. 米斯特白帽培训讲义 挖掘篇
  8. CentOs 设置静态IP 方法[测试没问题]
  9. java的dicon文件_配置文件参考
  10. 44000+ 人一夜之间失业
  11. rust服务器人数查询网站,Rust Web框架列表
  12. 中国公司的「强」盛、拼多多「翻车」和吃不了的播 | 极客一周
  13. 交叉线 or 直通线 ?
  14. DNS测试工具querperf
  15. python取下标_python获取下标
  16. 从安卓手机ROOT提取微信聊天记录到利用Python进行词云分析全过程
  17. linux dd 克隆很慢,使用dd命令进行SD卡克隆
  18. BLOB/TEXT column ‘h_long_varbinary‘ used in key specification without a key length
  19. 数据产品经理之数据准确性及测试必要性
  20. 05-----关于C++使用VS时出现 error C2248: “xxx“ 无法访问private成员(在“MySpdlog“类中声明)

热门文章

  1. 2021年河北高考成绩位次怎么查询,2021年河北高考一分一段表查询排名方法 成绩排名位次什么时候公布...
  2. Android开发框架afinal实践
  3. Leetcode 102. 二叉树的层次遍历 解题思路及C++实现
  4. 常见的数据结构——栈、队列、数组、链表和红黑树
  5. [BJDCTF2020]EasySearch
  6. CTFshow 信息收集 web20
  7. OpenCV函数 Laplacian 算子实现
  8. uicontrol图形对象用户界面的用法
  9. Cuda中Global memory中coalescing例程解释
  10. Python读写json文件中文编码问题