一、jQuery对象与DOM对象相互转换
1.jQuery对象转DOM对象
var $cr = $("#cr"); //jQuery对象
//转换成DOM对象,索引号从0开始,选取对应节点
var cr = $cr[0]; //或 var cr = $cr.get(0);
alert(cr.checked); //DOM方法检测这个checkbox是否被选中
2.DOM对象转jQuery对象
var cr = document.getElementById("cr"); //DOM对象
var $cr = $(cr); //jQuery对象
二、解决与其他js库冲突
1.jQuery在其他库之前导入,可直接使用jQuery,无需调用jQuery.noConflict()函数
<script type="text/javascript" src="./jquery-1.4.2.js"></script>
<script type="text/javascript" src="./prototype-1.6.1.js"></script>
2.jQuery在其他库之后导入
jQuery.noConflict(); //将变量$的控制权移交给prototype.js
jQuery(function(){ //使用jQuery
jQuery("p").click(function(){
alert(jQuery(this).text());
});
});
$("pp").style.display='none'; //使用prototype
$j = jQuery.noConflict(); //自定义一个快捷给jQuery,将变量$的控制权移交给prototype.js
$j(function(){ //使用jQuery,利用自定义快捷$j
$j("p").click(function(){
alert($j(this).text());
});
});
$("pp").style.display='none'; //使用prototype
或
jQuery.noConflict(); //将变量$的控制权移交给prototype.js
(function($){ //定义匿名函数并设置形参为$
$(function(){ //匿名函数内部$均为jQuery
$("p").click(function(){alert($(this).text());});
});
})(jQuery);
$(“pp”).style.display='none'; //使用prototype
jQuery.noConflict(); //将变量$的控制权移交给prototype.js
jQuery(function($){ //使用jQuery加载页面函数
$(function(){ //内部继续使用$均为jQuery
$("p").click(function(){alert($(this).text());});
});
});
$("pp").style.display='none'; //使用prototype
分享到:
相关推荐
Python 笔记源码——内含python后端&机器学习等.zip Python 笔记源码——内含python后端&机器学习等.zip Python 笔记源码——内含python后端&机器学习等.zip Python 笔记源码——内含python后端&机器学习等.zip ...
5. **集合框架**:JAVA集合框架是存放和操作对象的容器,包括List、Set、Map等接口以及ArrayList、HashSet、HashMap等实现类。学习笔记会详细介绍它们的使用场景和操作方法。 6. **IO流**:JAVA的输入/输出流系统...
以上就是关于《锋利的jQuery》学习笔记中涉及的一些核心知识点,包括jQuery对象与DOM对象的转换、解决库冲突的方法以及jQuery对CSS选择器和选择器的扩展应用。理解并掌握这些内容,将有助于你更加高效地使用jQuery...
Thinking in Java 自学笔记——第一章 对象导论 本章节总结了面向对象程序设计(Object-oriented Programming, OOP)的基本概念和原则,以帮助读者更好地理解 Java 编程语言。以下是对标题、描述、标签和部分内容的...
- **框架**:框架是指一种软件设计模式,提供了一套解决方案的基础结构。简单来说,就是使用最基本的编程语言,封装了一系列常用功能(方法),以便开发者可以更加高效地进行开发工作。 - **jQuery**:jQuery是一个...
锋利的JQuery学习笔记
《锋利jQuery笔记》是一本深入讲解jQuery库的书籍,旨在帮助读者掌握这一强大的JavaScript库,从而提升网页开发效率和用户体验。jQuery是一个轻量级、高性能的JavaScript框架,它简化了DOM操作、事件处理、动画设计...
《锋利的jQuery笔记》是一份深入探讨jQuery库的宝贵资料,它主要针对JavaScript开发者,尤其是那些希望提升jQuery技能的人员。jQuery是一个轻量级、高性能的JavaScript库,它的核心功能在于简化HTML文档遍历、事件...
《锋利的jQuery学习笔记》是一份深入探讨jQuery框架的学习资料,主要针对想要掌握JavaScript库jQuery的开发者。jQuery是一款高效、简洁的JavaScript库,它极大地简化了JavaScript代码的编写,使得DOM操作、事件处理...
转换方法包括:使用`$(domElement)`将DOM对象转化为jQuery对象,而从jQuery对象获取DOM对象则可以通过索引访问,如`$jQueryObject[0]`或使用`$jQueryObject.get(0)`。 jQuery的选择器丰富多样,包括: - **基本...
本文将深入讲解jQuery的核心概念,包括入口函数的使用、jQuery对象与DOM对象的区别以及jQuery选择器的运用。 首先,我们关注jQuery的入口函数。在网页加载过程中,JavaScript的入口函数通常是在`window.onload`事件...
Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记记录,本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点。 一、Jquery基本用法 Jquery是一个javascript框架,...
2. **jQuery对象与DOM对象的转换**: - jQuery对象可以调用jQuery提供的所有方法,而DOM对象则只能使用原生JavaScript的DOM API。 - DOM对象可以通过`$()`转换为jQuery对象,例如`$(document.getElementById("msg...
本文将深入探讨jQuery的基本概念、DOM与jQuery对象的转换、选择器的使用以及过滤器和循环操作等关键知识点。 1. jQuery库与DOM对象 jQuery是一个预写好的JavaScript函数集合,可以看作是Java工具类的对应概念。它...
在 `jquery操作dom对象.doc` 和 `jquery.docx` 文件中,你可以找到更多关于 jQuery DOM 操作的具体示例,包括选择器应用、方法调用以及在实际项目中的实践案例。通过这些实例,你可以更深入地理解如何将 jQuery 应用...
Python学习笔记——对象和类
jQuery.flipster是一款优秀的jQuery插件,专为创建立体式的轮播Banner或旋转木马效果而设计。这款插件以其简洁的API和出色的用户体验受到了许多开发者的喜爱。在本压缩包中,你将找到所有必要的资源来快速搭建一个...
笔记内容不仅与视频教程紧密同步,还融入了个人的理解和一些额外的扩展知识点,旨在帮助学习者更好地掌握前端开发的基本技能。 HTML(HyperText Markup Language)是网页制作的基础,它是用来构建网页结构的标记...
### jQuery对象与DOM元素转换 jQuery的一个关键特性是能够将DOM元素转化为jQuery对象,从而可以调用jQuery提供的丰富方法集。例如,可以通过`$("div")[0]`从DOM中选择一个`div`元素,并将其转化为jQuery对象,但要...