jquery简单笔记(1) - 基础记录
一、dom对象及jquery对象相互转换
jquery对象转换成dom对象,即 [index] 和 get(index)
第一种方式:
var $j = $('#id'); // jquery对象
var j = $j[0]; // dom对象 第二种方式:
var $j = $('#id'); // jquery对象
var j = $j.get(0); // dom对象
二、jquery库与其他库的冲突
1. jquery库在其他库之后导入
第一种:使用 jQuery.noConflict() 函数 <script type="text/javascript" src = "prototype.js"></script>
<script type="text/javascript" src = "jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict(); // 将 变量 $ 的控制权,转移给其他js库
jQuery(function(){
jQuery("#uid").show(); // 使用 jQuery
}) $('id').style.display = 'none'; // 使用其他js库
</script> 第二种: 使用 自定义变量 var $j = jQuery.noConfilct();
$j(fucntion(){
$j('#uid').hide(); // 使用jquery
}) $('id').style.display = 'none'; // 使用其他js库 第三种: 依旧使用 $ 变量 jQuery.noConflict(); // 将 变量 $ 的控制权,转移给其他js库
jQuery(function($){ // 使用 jquery 设定页面加载时执行的函数
$('#uid').show(); // 依旧使用 $ 变量
}) $('id').style.display = 'none'; // 使用其他js库 第四种:依旧使用 $ 变量,匿名函数 jQuery.noConflict(); // 将 变量 $ 的控制权,转移给其他js库
(function($){ // 定义匿名函数,并设置形参为 $ $(function(){ // 匿名函数内部的 $ 均为 jQuery
$('#uid').show(); // 依旧使用 $ 变量
}) })(jQuery); // 执行匿名函数,且传递实参 jQuery $('id').style.display = 'none'; // 使用其他js库
2.jquery库在其他库之前导入
可直接使用 jQuery,无需 jQuery.noConflict()函数,其他js库,可直接使用 $ 变量 <script type="text/javascript" src = 'jquery.js'></script>
<script type="text/javascript" src = 'prototype.js'></script>
<script type="text/javascript"> jQuery(function(){ // 直接使用 jQuery.无需 jQuery.noConflict()函数
jQuery('#uid').show();
}) $('id').style.display = none ; // 其他js库 </script>
三、选择器的注意事项
在遇到含有 "*" "#" "(" "[" 等特殊字符时,要注意转义
<div id = "id#4"></div>
<div id = "id[4]"></div> $('#id#4').show(); // 不对
$('#id[4]').show(); // 不对 对特殊字符要注意转义 $('#id\\#4').show();
$('#id\\[4\\]').show();
jquery简单笔记(1) - 基础记录的更多相关文章
- jQuery:自学笔记(1)——基础入门
jQuery:自学笔记(1)——基础入门 认识JQuery 1.jQuery概述 jQuery是一个快速.小巧 .功能丰富的JavaScript函数库.它可以实现“写的少,做的多”的目标. jQuer ...
- jQuery学习笔记(基础部分)
参考:菜鸟教程 一.简介 1.jQuery 是一个 JavaScript 库. 2.jQuery的版本:压缩版(用户生成)和未压缩(用于测试和开发) 3.jQuery的引入方式: 从http://jq ...
- jQuery简单笔记
jQuery 是一个 JavaScript 库,简化了 JavaScript 的编程. 语法:$(selector).action() selector 是字符串,表示HTML元素. 对象 符号 例子 ...
- jQuery学习笔记:基础
本文主要总结jQuery中一些知识点 概念 美元符号$是著名的jQuery符号.jQuery把所有功能全部封装在一个全局变量jQuery中,而$也是一个合法的变量名,它是变量jQuery的别名 $本质 ...
- Jquery简单动画的实现记录
<div style="background:#98bf21;height:100px;width:100px;"> //从元素当前所在位置,往下消失 $(docume ...
- jQuery学习笔记 - 基础知识扫盲入门篇
jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...
- jQuery 学习笔记
jQuery 学习笔记 一.jQuery概述 宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById( ...
- MyBatis:学习笔记(1)——基础知识
MyBatis:学习笔记(1)--基础知识 引入MyBatis JDBC编程的问题及解决设想 ☐ 数据库连接使用时创建,不使用时就释放,频繁开启和关闭,造成数据库资源浪费,影响数据库性能. ☐ 使用数 ...
- JQuery学习笔记——层级选择器
JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...
随机推荐
- 配置 node.js 环境
安装 Node.js 1. 下载 Node.js, 首先到官网 http://nodejs.org/download/ 的下载页面下载 Windows 版本, 这里有两种版本,推荐 .msi 的安装程 ...
- VC++ 标准C++中的string类的用法总结
相信使用过MFC编程的朋友对CString这个类的印象应该非常深刻吧?的确,MFC中的CString类使用起来真的非常的方便好用.但是如果离开了MFC框架,还有没有这样使用起来非常方便的类呢?答案是肯 ...
- console.log的应用
这两天在学javascript,但是有个问题老是觉得很疑惑,那就是这两个表达式到底有啥区别,虽然结果输出都差不多,但是我想这个两个表达式被开发出来,肯定是有意义的吧!哪位高手解答下吧!Thanks i ...
- scala 闭包的概念
闭包本质上是一个函数和其引用的变量的统一定义,它的返回值依赖于这个函数外部的一个或者多个变量. var test = (i:Int) => i+sum 这里 i是一个形参, 随着函数的调用传入不 ...
- [2015hdu多校联赛补题]hdu5372 Segment Game
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5372 题意:进行n次操作,操作分两种,0和1,每一个0操作按出现顺序有一个编号(从1开始 0操作 0 ...
- 使用C# WinForm制作 员工打卡项目 -- S2 2.3
新建一个员工类,存储员工的信息 新建一个List<>集合,并在load事件中实例化三个员工对象 DataGridView绑定数据源,可以显示出数据 点击查询按钮,查询工号等同于输入的数的员 ...
- (二) 一起学 Unix 环境高级编程 (APUE) 之 文件 IO
. . . . . 目录 (一) 一起学 Unix 环境高级编程 (APUE) 之 标准IO (二) 一起学 Unix 环境高级编程 (APUE) 之 文件 IO (三) 一起学 Unix 环境高级编 ...
- PTA week10
// // main.c // Bonus2 // // Created by 余南龙 on 2016/11/27. // Copyright © 2016年 余南龙. All rights rese ...
- VedioCaptureHelper
void testFun() { chStringA strDevName; chStringA strDevID; chStringA useDevName = "WIN2 USB2.0 ...
- MySQL表分区
MySQL的表分区 一.什么是表分区通俗地讲表分区是将一大表,根据条件分割成若干个小表.mysql5.1开始支持数据表分区了.如:某用户表的记录超过了600万条,那么就可以根据入库日期将表分区,也可以 ...