锋利的JQuery学习笔记01
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相关推荐
- jQuery学习笔记01:初试jQuery
jQuery学习笔记01:初试jQuery 一.下载jQuery jQuery官网:https://jquery.com 二.案例演示--Welcome to jQuery World 1.在WebS ...
- 锋利的jQuery学习笔记(4)-DOM操作
1. DOM操作的分类: DOM Core:JavaScript中的getElementByID,getElementByTagName,getAttribute,setAttribute等方法都是其 ...
- JavaWeb-综合案例(用户信息)-学习笔记01【列表查询】
Java后端 学习路线 笔记汇总表[黑马程序员] JavaWeb-综合案例(用户信息)-学习笔记01[列表查询] JavaWeb-综合案例(用户信息)-学习笔记02[登录功能] JavaWeb-综合案 ...
- Bootstrap学习笔记01【快速入门、栅格布局】
Java后端 学习路线 笔记汇总表[黑马程序员] Bootstrap学习笔记01[快速入门.栅格布局][day01] Bootstrap学习笔记02[全局CSS样式.组件和插件.案例_黑马旅游网][d ...
- javaweb(03) jQuery学习笔记
javaweb(03) jQuery学习笔记 jQuery介绍 什么是jQuery jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 ...
- JavaWeb黑马旅游网-学习笔记01【准备工作】
Java后端 学习路线 笔记汇总表[黑马程序员] JavaWeb黑马旅游网-学习笔记01[准备工作] JavaWeb黑马旅游网-学习笔记02[注册功能] JavaWeb黑马旅游网-学习笔记03[登陆和 ...
- Servlet和HTTP请求协议-学习笔记01【Servlet_快速入门-生命周期方法、Servlet_3.0注解配置、IDEA与tomcat相关配置】
Java后端 学习路线 笔记汇总表[黑马程序员] Servlet和HTTP请求协议-学习笔记01[Servlet_快速入门-生命周期方法.Servlet_3.0注解配置.IDEA与tomcat相关配置 ...
- Tomcat学习笔记01【Web相关概念、Tomcat基本操作】
Java后端 学习路线 笔记汇总表[黑马程序员] Tomcat学习笔记01[Web相关概念.Tomcat基本操作][day01] Tomcat学习笔记02[Tomcat部署项目][day01] 目录 ...
- XML学习笔记01【xml_基础、xml_约束】
Java后端 学习路线 笔记汇总表[黑马程序员] XML学习笔记01[xml_基础.xml_约束][day01] XML学习笔记02[xml_解析][day01] 目录 01 xml_基础 今日内容 ...
最新文章
- shujufenxi:一组数据透视复工复产“进度条”
- hdu1403 后缀数组
- Codeforces Round #716 (Div. 2) D(随机算法)
- C#求数组中元素的全排列
- sql python tableau_Python+SQL+Tableau神组合,金融/咨询/互联网等抢着要的商业分析必备技能!...
- Linux脚本5秒后启动程序,嵌入式Linux启动时间优化的秘密之四-启动脚本
- 米斯特白帽培训讲义 挖掘篇
- CentOs 设置静态IP 方法[测试没问题]
- java的dicon文件_配置文件参考
- 44000+ 人一夜之间失业
- rust服务器人数查询网站,Rust Web框架列表
- 中国公司的「强」盛、拼多多「翻车」和吃不了的播 | 极客一周
- 交叉线 or 直通线 ?
- DNS测试工具querperf
- python取下标_python获取下标
- 从安卓手机ROOT提取微信聊天记录到利用Python进行词云分析全过程
- linux dd 克隆很慢,使用dd命令进行SD卡克隆
- BLOB/TEXT column ‘h_long_varbinary‘ used in key specification without a key length
- 数据产品经理之数据准确性及测试必要性
- 05-----关于C++使用VS时出现 error C2248: “xxx“ 无法访问private成员(在“MySpdlog“类中声明)
热门文章
- 2021年河北高考成绩位次怎么查询,2021年河北高考一分一段表查询排名方法 成绩排名位次什么时候公布...
- Android开发框架afinal实践
- Leetcode 102. 二叉树的层次遍历 解题思路及C++实现
- 常见的数据结构——栈、队列、数组、链表和红黑树
- [BJDCTF2020]EasySearch
- CTFshow 信息收集 web20
- OpenCV函数 Laplacian 算子实现
- uicontrol图形对象用户界面的用法
- Cuda中Global memory中coalescing例程解释
- Python读写json文件中文编码问题