##Jquery基础(一)

摘要:
Jquery基础知识#1.概念:JavaScript框架简化了js开发。继Prototype之后,又一个优秀的js代码库(js框架)。设计目的:WriteLessDoMore封装了我们常用的js函数、代码优化、html文档操作、事件处理和动画效果。Ajax交互只是封装js代码#2。快速入门步骤#1下载与ie678兼容的Jquery 1.x的当前三个版本

Jquery基础

##一、概念:javaScript 框架 简化js开发

  继Prototype之后又一个优秀的js代码库(js框架)

  设计宗旨:Write Less Do More 里面封装了我们常用的js 功能代码

  优化html 文档操作 事件处理 动画效果 Ajax交互

  就是封装了js代码而已

##二、快速入门

  ##1 步骤

​   ##1 下载Jquery

​     目前三大版本

    ​ 1.x 兼容 ie678 官方只做BUG 维护 功能不再更新 2016截止更新(目前很多在用)

​     2.x 不兼容 ie678很少有人有用,官方只做BUG 维护 功能不再更新 2016 止更新 5.20停止更新

​     3.x 不兼容 ie678 只支持少数浏览器除非特殊要求 一般不会使用 不支持老的插件 目前官方维护更新

    ​ jquery-xxx.js开发版本

    ​ jquery-xxx-mini.js---生产版本 程序中运行实行 没有缩进 体积小 程序加载快

  ​## 2 导入 JQuery文件 导入mini版

##Jquery基础(一)第1张

  ​## 3 使用

<head>
<script src="http://t.zoukankan.com/jquery.js"></script>
</head>

  在使用前,我们都要去识别我们这个文件

  当然在这里,还有第二种方案,我们不想下载那个文件,也可以直接访问CDN(内容分发网络) 引用它,因为谷歌和微软的服务器都有jquery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">

##三、Jquery基础语法:

  ##jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

  ##一、我们要使用它,是不是要先获得对象

  语法:id选择器:$("#id名");

    var d=$("#d1");

     类选择器:$(".类名");

     var v=$(".d3");

     标签:$("标签名");

    var f=$("div");

##四、JavaScript对象和Jquery对象之间的转换

  ​##1、 jQuery对象和js对象的区别

​     1 jquery 方便

​      2 二者对象的方法不通用

  ##2、​ 相互转换

    ​ jq----》js jq对象[索引] 或者jq对象.get(索引)

​     js----》jq $(js对象)

语法:Jquery对象转JavaScript对象

       var d=$("#d1");
        d[0];

  JavaScript对象转Jquery对象

      var d=document.getElementById("d1");
        $(d);

免责声明:文章转载自《##Jquery基础(一)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Linux之文档与目录结构php 结合redis 限制用户每日砍价次数下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

C# aspx 数据绑定集中

Eval( " ")和Bind( " ") 这两种一个单向绑定,一个双向绑定,bind是双向绑定,但需数据源支持 ASP.NET   2.0改善了模板中的数据绑定操作,把v1.x中的数据绑定语法DataBinder.Eval(Container.DataItem,   fieldname)简化为Eval(fieldname)。Eval方法与DataBind...

省市区三级联动jquery插件 city-picker与百度地图API联动小案例

city-picker  插件是开源中国一个很好用的三级联动菜单 单独使用city-picker : <body> <div id="r-result"> 请输入:<input type="text" size="20" /> </body> <script type="...

Chrome 浏览器调试 JavaScript

错误例子 Sources 面板界面的 3 个部分 File Navigator 窗格。 此处列出页面请求的每个文件。 Code Editor 窗格。 在 File Navigator 窗格中选择文件后,此处会显示该文件的内容。 JavaScript Debugging 窗格。 检查页面 JavaScript 的各种工具。 如果 DevTools 窗口布局...

jquery倒计时插件可自定义多个倒计时间

jquery倒计时插件设置多个自定义倒计时时间,任意设置天、小时、分钟、秒倒计时间功能。 查看演示>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d...

WebBrowser介绍——Javascript与C++互操作

WebBrowser控件是Microsoft提供的一个用于网页浏览的客户端控件,WebBrowser控件的使用相当广泛,例如很多邮件客户端都是使用可编辑的WebBrowser控件作为写邮件的工具,也有很多软件用WebBrowser控件弹出网页,如qq的新闻首页。 微软的MFC和.NET都有WebBrowser控件,这两个控件虽然容易上手,不过由于包装的太好...

【转】Unobtrusive Ajax的使用

【转】Unobtrusive Ajax的使用 Ajax (Asynchronous JavaScript and XML 的缩写),如我们所见,这个概念的重点已经不再是XML部分,而是 Asynchronous 部分,它是在后台从服务器请求数据的一种模型。MVC 框架内置了对 Unobtrusive Ajax 的支持,它允许我们通过 MVC 的 He...