jQuery对象的创建
1.js类库
JavaScript封装了很多的预定义的对象和实用函数，能帮助使用者建立有高难度交互
客户端页面，并且兼容各大浏览器。跑在浏览器，请求服务器
当前比较流行的js库：
- jquery
- EXT_JS 2.0开始收费
- Dojo 需要引入很多js单独文件
- Prototype 对js扩展，框架开发
- YUI
- 淘宝UI
jquery介绍：
- 轻量级：依赖程序少，占用资源少
- 兼容CSS3
- 文档说明很全
- js代码和html代码分离
- 免费开源
分类：
- WEB版本
- UI版本
- mobile版本
- qunit版本：用于js测试
2.jQuery基本语法
案例：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <title>Insert title here</title>
6 </head>
7 <script src="../js/jquery-1.8.3.js"></script>
8 <body>
9 <input type="text" id="username" value="jack"/>
10 </body>
11 </html>
12 <script type="text/javascript">
13 //jquer执行时有加载顺序
14 //jquery基本语法
15 var value = $("#username").val();
16 alert(value);
17 //1.使用javascript获取DOM对象
18 var value1 = document.getElementById("username");
19 alert(value1.value);
20
21 //2.将DOM对象转换为jquery对象
22 var $value1 = $(value1);
23 alert($value1.val());
24
25 //3.将jquery对象转换为DOM对象
26 //jquery对象内部使用数组存放所有数据，可以用数组下标获取DOM对象
27 var value2 = $value1.get(0);
28 alert(value2.value);
29 </script>
注意js是有执行顺序的，它是在页面加载完成之后才会执行，因此我们应该讲script代码，放在body之后，同时需要注意引入外部js的写法：
<script src="../js/jquery-1.8.3.js"></script>
不要写成这种的：
<script src="../js/jquery-1.8.3.js"/>
jQuery对象的创建的更多相关文章
- jQuery对象的创建（一）
在jQuery的常规用法中,执行"$()"返回的是一个jQuery对象,在源码中,它是这样定义的: ... var jQuery = function() { return new ...
- JQuery源码解析-- 对象的创建
使用 $("a") 返回的对象就不再是一个简单的DOM对象了,而是一个复杂的JQuery对象. 那么JQuery是怎么创建对象的. 为了便于分析,我将JQuery中复杂的代码简化了 ...
- 关于DOM对象与JQuery对象的那些事
这个问题源自上一次的工作室讨论班,主题是"jQuery选择器的使用",在讨论班的结尾,我留了一个思考题: jQuery获取到的对象和直接调用原生Javascript方法获得的对象 ...
- JavaScript 对象、DOM对象、jquery对象的区别、转换详解
一.JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性: [javascrip ...
- jquery对象操作
大类 JQ方法 备注 创建元素 var $h1 = $(“<h1>< ...
- jQuery.buildFragment源码分析以及在构造jQuery对象的作用
这个方法在jQuery源码中比较靠后的位置出现,主要用于两处.1是构造jQuery对象的时候使用 2.是为DOM操作提供底层支持,这也就是为什么先学习它的原因.之前的随笔已经分析过jQuery的构造函 ...
- jQuery – 7.动态创建Dom、删除节点
动态创建Dom节点 1.使用$(html字符串)来创建Dom节点 2.append方法用来在元素的末尾追加元素 案例:动态生成网站列表 3.prepend,在元素的开始 ...
- 细说jQuery原型的创建和实现原理，并用实例简单模仿
在解析jQuery实现机理之前,我们先总结一下几点知识,这些都是我学习路上遇到的坑,我跌倒过很多次,现在把它补上: 1)自定义构造函数,如下例: function person(){ this.nam ...
- jQuery对象入门级介绍
你是否曾经见过像 $(".cta").click(function(){})这样的JavaScrip代码?或许你还会思考下 $('#X') 是什么,如果看到这些你都觉得摸不着头脑 ...
随机推荐
- Vue 源码解读（5）—— 全局 API
目标 深入理解以下全局 API 的实现原理. Vue.use Vue.mixin Vue.component Vue.filter Vue.directive Vue.extend Vue.set V ...
- volatile关键字的相关学习记录
1:volatile是什么? Volatile是java虚拟机提供的一种轻量级的同步机制,具有 三大特性,分别是:保证可见性.不保证原子性.禁止指令重排 可见性: 概念:每一个线程都有自己的工作内存, ...
- k8s虚拟机未关闭，电脑重启后，虚拟机无法启动
莫名其妙电脑重启了,虚拟机连不上,心里真的是一万匹草泥马,显示如下: Generating "/run/initramfs/rdsosreport.txt" Entering em ...
- 古典密码之凯撒密码and换位密码
凯撒密码: 密文:wuhdwb lpsrvvleoh 算法:Ci=E(pi)=(pi+3)mod 26 明文:TREATY IMPOSSIBLE 例如ABCD这四个字母要进行加密,如果我们设置它的偏移 ...
- Pycharm：运行程序时，不额外打开一个Console
每次运行程序,比如A.py,都会额外生成一个Console,排列成一排的 A(2),A(3),... 那么如何关闭呢? 答案是:在Settings->Console中,勾选 'Use exis ...
- PIL-ImageFont：OSError: cannot open resource
使用PIL时,创建某个字体Font对象时出错: font=ImageFont.truetype('Arial.ttf',36) 可能原因有两个: 1.PIL无法定位到字体文件的位置. 可以通过提供绝对 ...
- C# Md5Hash
/// <summary> /// MD5 32位加密(大写) /// </summary> /// <param name="str">< ...
- MySQL第四讲
昨日内容回顾 表与表之间建关系(外键) """ 表与表之间最多只有四种关系 一对多 多对多 一对一 没有关系 在确定表与表之间的关系的时候记住一句话 换位思考 " ...
- java复习面向对象（二）
java复习面向对象(二) 1.static关键字 举例图片 静态变量 使用static修饰的成员变量是静态变量 如果一个成员变量使用了关键字static,那么这个变量不属于对象自己,而属于所在的类多 ...
- LeetCode-033-搜索旋转排序数组
搜索旋转排序数组 题目描述:整数数组 nums 按升序排列,数组中的值 互不相同 . 在传递给函数之前,nums 在预先未知的某个下标 k(0 <= k < nums.length)上进行 ...