`
夏末忆逝
  • 浏览: 146727 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery学习笔记--前言

 
阅读更多
jquery对象和dom对象的区别
jquery对象就是通过jquery包装DOM对象后产生的对象
jquery对象是jquery独有的.如果一个对象是jquery对象,便可使用jquery方法
在jquery对象中是无法使用dom对象的方法的

jquery和dom对象的命名规范
       -----jquery对象的变量名 例:var $jq = $("#ck");
      -----dom对象 例如:var dom = document.getElementById("ck");


DOM对象转jquery对象
        -----只需要用$()把dom对象包起来,遍得到了jquery对象,方式为$(dom)

jquery对象转DOM对象
        ------例:var $ck = $("#ck");  ($ck--jquery对象其实是个数组对象)
使用jquery提供的方法  var ck = $ck.get(0); 或 var ck = $ck[0];
便得到DOM对象

如果1个工程中使用到了多个js库 这时存在$()方法的使用问题 因为其他的js库也有以$()
这样开头的js方法 如何解决冲突呢
这里只总结了1种较为方便的方式.. 其他方式google...
①给jquery引用起别名 var $jq = jQuery.noConflict(); //让出$控制权
noConflict意为无冲突..
使用别名进行操作jquery 
    $jq(document).ready(function){
        $jq("p").click(function(){
              //操作
        });
    });
$("p").style.display="none";//其他js库的方法 $使用权已被转移.
这样就避免了使用$()方式引起的冲突
分享到:
评论

相关推荐

    jquery-ui-1.8.16

    jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-...

    jquery插件jquery-ui-1.8.2.custom.min.js

    《jQuery UI与jQuery插件深度解析——以jquery-ui-1.8.2.custom.min.js为例》 在Web开发领域,jQuery库以其简洁易用的API和强大的功能深受开发者喜爱。而jQuery UI作为jQuery的一个扩展,提供了丰富的用户界面组件...

    jquery学习笔记--1

    **jQuery学习笔记--1** jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇笔记将深入探讨jQuery的基础知识,包括其核心概念、选择器、DOM操作、事件...

    jquery-migrate-1.2.1.js文件

    **jQuery Migrate插件详解** `jquery-migrate-1.2.1.js` 文件是jQuery的一个辅助工具,它主要用于帮助开发者解决在升级到较新版本的jQuery时可能遇到的向后兼容性问题。这个插件的主要目的是为了警告开发者那些在新...

    jquery插件jquery-ui-1.8.18.custom.min.js及css文件

    《jQuery UI 1.8.18 自定义插件与CSS详解》 jQuery UI 是一个基于 jQuery 库的用户界面库,它提供了丰富的交互效果、可定制的主题以及各种UI组件,如日期选择器、对话框、滑块等。在本篇文章中,我们将深入探讨其...

    jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css

    配合《jQuery UI开发指南》这本书,读者可以深入学习如何有效地使用这些组件。书中通常会涵盖以下主题: 1. **基础介绍**:讲解jQuery UI的基本概念,包括如何引入库文件,以及如何初始化UI组件。 2. **组件详解**...

    jquery.datepicker-zh-CN.js

    jquery datepicker 的中文包 调用方法 <script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-...

    jquery.editable-select

    `jquery.editable-select` 就是建立在 jQuery 之上,因此在使用前需要确保页面中已经引入了 jQuery。 2. **选择器的增强**:在默认情况下,HTML `<select>` 元素的功能相对有限。`jquery.editable-select` 提供了一...

    jquery-ui-datepicker中文版

    jquery-ui-日期框扩展成时间框 jquery-ui时间框 基于别人的代码进行修改 jquery-ui-1.8.16.custom.css文件末尾加入以下代码 .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ ...

    jquery-easyui-EDT-1.5.2-build1

    jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1

    jquery-1.6.4-vsdoc.js

    最新版jquery-1.6.4-vsdoc.js jQuery的VS智能提示插。压缩包内包含jquery-1.6.4.js jquery-1.6.4.min.js jquery-1.6.4-vsdoc.js 。 【推荐用法】 1、将jquery-1.6.4-vsdoc.js与jquery-1.6.4.js放在同一目录,然后...

    jQuery版本迁移辅助插件jquery-migrate-1.2.1.min.js

    jQuery版本迁移辅助插件,如果您使用的低版本jQuery改为高版本后出现错误,可以试试这个插件。用来检测和恢复在jQuery1.9版本中已删除或已过时的API。jquery-migrate-1.2.1.js,jquery-migrate-1.2.1.min.js

    jquery-ui-1.11.2日期控件datepicker

    ${ctx}/plugins/jquery-ui-1.11.2/jquery-ui.css" > ${ctx}/plugins/jquery-ui-1.11.2/external/jquery/jquery.js"> ${ctx}/plugins/jquery-ui-1.11.2/jquery-ui.js"> ${ctx}/plugins/jquery-ui-1.11.2/jquery-ui-...

    jquery学习笔记-相关代码

    **jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。这份笔记旨在深入理解jQuery的核心概念,通过实例代码来加强理解和应用。 1. **jQuery选择器**:...

    jquery-migrate-3.0.1.js jar包

    《jQuery Migrate插件详解与应用》 在Web开发领域,jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。然而,随着技术的发展,jQuery也在不断迭代更新,新版本可能会...

    jquery-ui-1.10.3.min.js

    jquery-ui-1.10.3.min.js

    jquery-migrate-1.2.1.min.js

    jquery-migrate-1.2.1.min.js 在网上下载一些 js 插件使用的时候,经常出现这种情况。但是更换低版本 jquery,比如 使用 1.7 版本的 jquery 却不会报错,能正常使用。 经过一番搜索,发现是因为高版本(1.9版本以后)...

    jquery-ui-1.9.2.custom.min.js

    《jQuery UI 1.9.2自定义最小化版本详解》 jQuery UI 是一个基于 jQuery 的强大用户界面库,它提供了丰富的交互效果、可自定义的主题以及多种可重用的UI组件。在我们讨论的文件 "jquery-ui-1.9.2.custom.min.js" 中...

    jquery-ui-1.10..3.min.js

    jquery-ui-1.10.3.js 版本 1积分下载 jquery-ui-1.10.3.js 版本 1积分下载 jquery-ui-1.10.3.js 版本 1积分下载

    jquery-ui-1.10.4.min.js

    jquery-ui-1.10.4.min.js下载

Global site tag (gtag.js) - Google Analytics