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 ...
随机推荐
- Linux内核模块简介
一. 摘要 这篇文章主要介绍了Linux内核模块的相关概念,以及简单的模块开发过程.主要从模块开发中的常用指令.内核模块程序的结构.模块使用计数以及模块的编译等角度对内核模块进行介绍.在Linux系统 ...
- LeetCode OJ 150. Evaluate Reverse Polish Notation
Evaluate the value of an arithmetic expression in Reverse Polish Notation. Valid operators are +, -, ...
- poj 2536 Gopher II (二分匹配)
Gopher II Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 6345 Accepted: 2599 Descrip ...
- Servlet实现自动刷新功能
使用Servlet实现自动刷新功能,每一秒钟在浏览器输出一个随机数字. package chensi.com; import java.io.IOException; import java.util ...
- memcache与memcached介绍及安装配置
也许大家一看到Memcache和Memcached会有点晕,这两者有什么关系又有什么区别呢,下面先给大家说下Memcached,Memcached是一个高性能的分布式内存对象缓存系统,用于动态Web应 ...
- 边表+SPFA
传说中效率很NB的单元最短路径算法,传说中时间复杂度为O(kE),k为长度,平均值为2,不知道这话是谁说的,一说流传oi界几年了 边表就是数组模拟邻接表,没学会很难,学会很简单的样子啊 #includ ...
- jquery css
jQuery提供css()的方法来实现嵌入式改变元素样式,css()方法在使用上具有多样性.其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开.比如我们要改变链接颜色,我们可以使用下面的代 ...
- 20145225《Java程序设计》 第10周学习总结
20145225<Java程序设计> 第10周学习总结 教材学习内容总结 一.网络编程 网络编程就是在两个或两个以上的设备(例如计算机)之间传输数据: 程序员所作的事情就是把数据发送到指定 ...
- UIColor 分类 16进制转 RGB
.h #import <UIKit/UIKit.h> @interface UIColor (WJ) + (UIColor *)colorWithWJString:(NSString *) ...
- hdu 1231
最大连续子序列 Time Limit: 1000MS Memory Limit: 32768KB 64bit IO Format: %I64d & %I64u Submit Statu ...