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') 是什么,如果看到这些你都觉得摸不着头脑 ...
随机推荐
- CentOS单机安装k8s并部署.NET 6程序 压测 记录
前面部分依照CentOS单机安装k8s并部署.NET 6程序来进行,内存.cpu.centos版本一致,之前222元买的三年8M 2c4g腾讯云轻量服务器,这个教程算是写的很详细的了,基本可以一致执行 ...
- python-利用random模块生成测试数据封装方法总结
1.前言: 在测试中经常有需要用到参数化,我们可以用random模块,faker模块生成测试数据,也可以用到pymysql,此文主要针对random模块生成任意个数的随机整数,随机字符串,随机手机号, ...
- volatile关键字的相关学习记录
1:volatile是什么? Volatile是java虚拟机提供的一种轻量级的同步机制,具有 三大特性,分别是:保证可见性.不保证原子性.禁止指令重排 可见性: 概念:每一个线程都有自己的工作内存, ...
- 如何搭建老板想要的dashborad管理驾驶舱，这篇文章值得一看！
随着企业管理向精细化发展和信息化步伐的加快,企业采集到的市场客户及内部管理数据越来越多.越来越趋向于实时,系统大量的信息给企业带来了一个问题:管理者怎么用这些数据才能掌握企业动态,做出及时关键的决策? ...
- 在Mac上安装mysql并配置环境（详细篇）
在Mac上安装mysql并配置环境(详细篇) 1.下载mysql mysql官网 这一步根据自己电脑架构选择,分为arm和x86 下载完成之后打开就可以 接下来运行安装就可以,一直下一步,设置完密码就 ...
- 磁盘管理及shell脚本编程练习
转至:http://www.178linux.com/88405 1.创建一个10G分区,并格式为ext4文件系统 a) 要求其block大小为2048,预留空间百分比为2,卷标为MYDATA,默认挂 ...
- 随机数据生成工具Mockaroo
测试用例生成工具:https://www.mockaroo.com/ 网站描述是:Random Data Generator and API Mocking Tool | JSON / CSV / S ...
- python之random.seed()函数
Python--random.seed()用法 第一次接触random.seed(),可能理解的不是特别对,大家欢迎指错,整理自网络,侵权删除 概念 seed()是改变随机数生成器的种子,可以在调用其 ...
- (acwing蓝桥杯c++AB组）1.2 递推
1.2 递推与递归 文章目录 1.2 递推与递归 位运算相关知识补充 pair与vector相关知识补充 题目目录与网址链接 下面的讲解主要针对这道题目的题解AcWing 116. 飞行员兄弟 - A ...
- 使用ABP SignalR重构消息服务（一）
使用ABP SignalR重构消息服务 最近协助蟹老板升级新框架,维护基础设施服务,目前已经稳了. 早上蟹老板看到我进入公司,马上就叫停我,说我为什么左脚先进公司,你这样会让我很难做耶,这样把我给你一 ...