jquery使用方法

转载 2015年11月18日 14:09:11

1.1 jquery简介

jquery由美国人John Resig创建。

是一个优秀的javaScript库(框架)。

JQuery的优点:

       轻量级的js(压缩后几十kb左右),兼容css3

       使用简单方便 – 宗旨:Write Less, Do More。写得少,做得多。

       链式编程 $("#div1").show().css("color":"red")

   

       屏蔽浏览器差异跨浏览器兼容性好(IE 6.0+, FF 2+, Safari 3.0+, Opera 9.0+, Chrome

       插件丰富、开源、免费。  

1.2 Jquery 使用方法

官方网站:http://jquery.com/

两种包


 

 第一步:

   先引包文件到我们的页面中

 第二步:

   书写大的入口函数 

  $(function(){})

  $(document).ready(function(){  });

 第三步:

     事件处理  代码语句

 

Jquery 的事件三要素:

   1.事件源:

      $   美元      

   Div id 为 demo   

   获取这个元素  getElementById(‘demo’);

   Jquery  里面是这么写的  $(‘#demo’);

   获取 div 这类元素   getElementsByTagName(‘div’)

   Jquery   $(‘div’);

  2. 事件  

     Jquery 里面的所有事件 都不带 on  

    Click  mouseover  .......


jquery实现全文检索与鼠标滑过工具栏特效

1、鼠标滑过工具栏特效         lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...
  • fareise
  • fareise
  • 2015年12月15日 22:34
  • 1061

jQuery插件scrollToTop 4行代码实现网站回到顶部

  • sxdtzhaoxinguo
  • sxdtzhaoxinguo
  • 2013年07月24日 10:57
  • 537

jquery简述

JQuery简介 •普通JavaScript的缺点:每种控件的操作方式不统一,不同浏览器下有区别,要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库,比如Prototyp...
  • shan1774965666
  • shan1774965666
  • 2015年01月26日 14:52
  • 603

jQuery 图片查看插件 Magnify 开发简介(仿 Windows 照片查看器)

前言因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽、调整大小、最大化,图...
  • nzb329
  • nzb329
  • 2017年12月25日 13:06
  • 286

Jquery常用功能总结

修改css属性值 $("#id").css('display','block'); 增加点击事件  $(function(){    $("input[id=offline]").click(func...
  • baidu_18607183
  • baidu_18607183
  • 2016年05月11日 16:56
  • 372

JQuery技术知识

一. jQuery 1. 什么是jquery 其是对javascript封装的一个框架包 简化对javascript的操作 javascript代码:dom获得页面节点对象、a...
  • dxj467822057
  • dxj467822057
  • 2017年12月26日 13:58
  • 153

jQuery 使用方法

jquary是一个js库;通过封装原生的函数得到一套定义好的方法. 口号为:write less  do more. 优势:可以像css一样操作和访问dom 动画效果更容易 简化js代码 操控ss页面...
  • qq_39542702
  • qq_39542702
  • 2017年08月15日 19:18
  • 78

jquery 使用方法

jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说,...
  • edward0004
  • edward0004
  • 2013年11月13日 10:18
  • 630

jQuery使用方法

使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。 选择表达式可以是CSS选择器:     1 $(document)//...
  • oggyyq42448
  • oggyyq42448
  • 2017年02月06日 14:08
  • 342

JQuery-AJAX使用

JQuery-AJAX使用概述JQuery-AJAX的出现极大的简化了AJAX的使用过程,使得只需要简单的一个步骤就能实现在AJAX中需要6步才能实现的功能。我们说AJAX是Google在2005年提...
  • jpzhu16
  • jpzhu16
  • 2016年10月31日 16:36
  • 748
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery使用方法
举报原因:
原因补充:

(最多只允许输入30个字)