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对象的创建的更多相关文章

  1. jQuery对象的创建（一）

    在jQuery的常规用法中,执行"$()"返回的是一个jQuery对象,在源码中,它是这样定义的: ... var jQuery = function() { return new ...

  2. JQuery源码解析-- 对象的创建

    使用 $("a") 返回的对象就不再是一个简单的DOM对象了,而是一个复杂的JQuery对象. 那么JQuery是怎么创建对象的. 为了便于分析,我将JQuery中复杂的代码简化了 ...

  3. 关于DOM对象与JQuery对象的那些事

    这个问题源自上一次的工作室讨论班,主题是"jQuery选择器的使用",在讨论班的结尾,我留了一个思考题:  jQuery获取到的对象和直接调用原生Javascript方法获得的对象 ...

  4. JavaScript 对象、DOM对象、jquery对象的区别、转换详解

    一.JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性: [javascrip ...

  5. jquery对象操作

         大类                                JQ方法                      备注 创建元素 var $h1 = $(“<h1>< ...

  6. jQuery.buildFragment源码分析以及在构造jQuery对象的作用

    这个方法在jQuery源码中比较靠后的位置出现,主要用于两处.1是构造jQuery对象的时候使用 2.是为DOM操作提供底层支持,这也就是为什么先学习它的原因.之前的随笔已经分析过jQuery的构造函 ...

  7. jQuery – 7.动态创建Dom、删除节点

    动态创建Dom节点     1.使用$(html字符串)来创建Dom节点     2.append方法用来在元素的末尾追加元素     案例:动态生成网站列表     3.prepend,在元素的开始 ...

  8. 细说jQuery原型的创建和实现原理，并用实例简单模仿

    在解析jQuery实现机理之前,我们先总结一下几点知识,这些都是我学习路上遇到的坑,我跌倒过很多次,现在把它补上: 1)自定义构造函数,如下例: function person(){ this.nam ...

  9. jQuery对象入门级介绍

    你是否曾经见过像  $(".cta").click(function(){})这样的JavaScrip代码?或许你还会思考下 $('#X') 是什么,如果看到这些你都觉得摸不着头脑 ...

随机推荐

  1. 记一次慢查询优化sql

    sql语句优化(慢查询日志) 最近,旧系统向新系统迁移工程刚刚结束.开发完成后,测试阶段也是好好休息了一把.接到一个需求,由于内部员工使用的网站部分功能加载时间很长,所以需要去优化系统的一些功能.大致 ...

  2. mysql5.7下载

    官网:https://dev.mysql.com/doc/refman/5.7/en/installing.html 二进制安装:https://dev.mysql.com/doc/refman/5. ...

  3. 用商业智能BI做出来的报表，甩别人一条街！

    同样是做数据分析的,会商业智能BI的人做的报表都比别人好看.这里所说的好看其实是包括了两个意义,一是排版.色彩搭配等,颜值上的好看:二是把数据分析结果展现地直观易懂上的"好看".想 ...

  4. 大数据时代变局与机遇，BI数字化转型的实战攻略！

    党的十九大报告提出,要推动互联网.大数据.人工智能和实体经济深度融合.更加高效地获取.运用信息,成为企业具有强大竞争力的重要标志.我国企业应牢牢把握历史性机遇,以更加开放的姿态,积极拥抱新经济,积极参 ...

  5. 在Mac上安装mysql并配置环境（详细篇）

    在Mac上安装mysql并配置环境(详细篇) 1.下载mysql mysql官网 这一步根据自己电脑架构选择,分为arm和x86 下载完成之后打开就可以 接下来运行安装就可以,一直下一步,设置完密码就 ...

  6. 【windows 操作系统】什么是窗口？|按钮也是窗口

    起因 在看操作系统消息机制的时候,看到一句化:全局消息队列把消息发送到窗口所在的线程消息队列.突然就怀疑起了窗口的意思.于是就有这边基类. 文章来源:https://docs.microsoft.co ...

  7. C#如何在安全的上下文中使用不安全的代码？

    文章原文:https://www.cnblogs.com/2Yous/p/4887904.html 从通常情况下来看,为了保持类型安全,默认情况C# 不支持指针算法. 不过,当你需要使用指针的时候,请 ...

  8. JavaWeb-前端基础

    前端基础 前端:我们网站的页面,包括网站的样式.图片.视频等一切用户可见的内容都是前端的内容. 后端:处理网站的所有数据来源,比如我们之前从数据库中查询数据,而我们查询的数据经过处理最终会被展示到前端 ...

  9. WIN10:显示文件后缀.exe

  10. c语言——uthash使用

    参考:https://troydhanson.github.io/uthash/userguide.html https://blog.csdn.net/lovemust/article/detail ...