Jquery

Jquery实际上相当于一个升级版的JS，Jquery里面封装了很多的东西，Jquery的功能要比JS强大，用起来比JS方便。Jquery和JS都属于JS，只不过Jquery是封装了一个JS相当于，它把JS里的某些东西全部封装起来了，我们用起来更加的方便。JS和Jquery可以串着用 ，Jquery最好使用Jquery，JS 能不用就不用了，因为JS太麻烦。

如果这个页面要使用Jquery的话，这个页面需要引用一个Jquery包，Jquery包可以从网上下载。

Jquery包，不需要知道是怎么写的，直接拿来用就可以了。

如果这个页面需要使用Jquery，这个页面必须引用Jquery包，引用Jquery包的用法，和引用外部JS是一样。

<script srt=”jquery-1.11.2.min.js”></script>

这样就将Jquery包引用到了，当前页面了。

这个页面就可以使用Jquery语法了

<title>无标题文档</title>

<script src="jquery-1.11.2.min.js"></script>

</head>

<body><!--在body里做几个div-->

<div id="one">one</div>

<div class="test">two</div>

<div class="test">three</div>

<div class="test">four</div>

<input type="text" name="uid" id="uid" />

</body>

<script type="text/javascript">//在下面写JS代码

//使用Jquery需要加一段话

//$是Jquery里用来做选择的东西，就相当于一个选择器，专门用来做选择的

//括号()里面，是根据什么东西过来选。document代表是当前页面，来选。

//dian . 可以点出里面的方法。

.ready(function(e)方法。ready

//$符号括号里面根据一个名字某个元素找到，找到某个元素之后，点.ready相当于给它加上了一个ready方法，这个方法在这可以称为一个事件。ready事件的意思是，页面加载完成，准备好页面加载完成它的一个事件。

//我们给 document整个页面加了一个事件，叫做页面加载完成。加载完成之后，括号里(function(e) {}是一个function，这个function少了一个东西，没有函数名，所以这个方法又称为匿名函数，没有名字的函数。也就是说，当这个页面加载完成之后，它要过来执行这个方法，这个方法是一个没有名字的，它绑定到了ready事件上，当页面一加载完成，它就过来调用方法里面的内容。

//function(e),e是方法里面写了一个参数。事件里包含两个参数。

$(document).ready(function(e)  //在下面写JS、Jquery 的代码

{

//JS的方式

//1、通过JS的方式找到某个元素，取元素

//【1】根据ID取元素

var div = document.getElementById("one");//这种是JS根据ID取元素的方式，取完之后交给一个变量var div     //这样我可以根据ID为ONE的元素，ID是唯一的不允许重复。这个方法只能取到一个具体的元素

alert(div);

显示的结果：

DIV元素。够取到这个元素

//JQUERY方式

//【1】根据ID取元素

//定义：$("id");

var div = $("#one");   //交给一个变量var div

//（）里面根据某个东西来找，相当于一个选择，根据什么来选择呢？？需要给它一个参数， ""根据ID来找元素

//"#one"根据ID为ONE的来找

alert(div);

是个数组

});//根据document过来找到，整个页面文件

</script>

</html>

PHP------Jquery的用法的更多相关文章

  1. jQuery $.each用法[转]

    jQuery $.each用法 以下内容非原创,来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html 通过它,你可以遍历对象. ...

  2. jQuery 事件用法详解

    jQuery 事件用法详解 目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jque ...

  3. jquery cookie 用法

    jquery cookie 用法 $.cookie("name","value","options")  当不设置options时,此coo ...

  4. [转]Jquery Ajax用法

    原文地址:http://www.php100.com/html/program/jquery/2013/0905/6004.html jQuery学习之jQuery Ajax用法详解 来源:   时间 ...

  5. JQuery datepicker 用法

    JQuery datepicker 用法   jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加 ...

  6. jquery.cookie用法详细解析，封装的操作cookie的库有jquery.cookie.js

    jquery.cookie用法详细解析 需要注意存入cookie前,对数据进行序列化, 得到后在反序列化: 熟练运用:JSON.stringify();和JSON.parse(): 通常分为如下几个步 ...

  7. jquery.post用法补充(type设置问题)

    jquery.post用法 http://blog.csdn.net/itmyhome1990/article/details/12578275 当使用ajax获取data数据的时候,直接data.f ...

  8. jQuery -- 光阴似箭（一）：初见 jQuery -- 基本用法，语法，选择器

    jQuery -- 知识点回顾篇(一):初见jQuery -- 基本用法,语法,选择器 1. 使用方法 jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数. ...

  9. jQuery 动画用法

    jQuery动画: <head> <meta charset="UTF-8"> <title>Title</title> <s ...

  10. jquery cookie用法

    jquery cookie用法(获取cookie值,删除cookie) cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的一些问题,然后介绍正确的使 ...

随机推荐

  1. CSS基础知识---浮动，定位和盒模型

    转载请注明出处! 需要掌握的三个最重要的CSS概念是浮动,定位和盒模型. 盒模型概述: 页面上的每个元素都被看做一个矩形框(元素框or盒模型),这个框由元素内容,内边距,边框和外边距组成. 内边距出现 ...

  2. No.1一步步学习vuejs 环境配置安装篇

    一 安装与配置 需要安装node.js和 nmp管理器http://nodejs.cn/安装完后测试输入命令查看版本验证 node -v //查看node.js的版本 npm -v //查看 由于有些 ...

  3. Golang 的 TOML库

    TOML 的全称是 Tom's Obvious, Minimal Language,因为它的作者是 GitHub 联合创始人 Tom Preston-Werner. TOML 的目标是成为一个极简的配 ...

  4. Codeforces Round #394 (Div. 2)

    前一半是刚刚打完比赛的时候写的……不知为啥手腕有点僵,估计是前一个小时用力过度了吧= = 前四题看着还好,后两题就有点懵逼了……现在还不知道E题的题意到底是啥…… 不管了……还没找着官方题解,贴一下自 ...

  5. Git更新或提交出错的解决办法

    一.舍弃本地代码,用远端版本覆盖本地版本. 当自己本地修改很少,更新代码出现冲突时,“error: Your local changes to the following files would be ...

  6. Python基础-模块与包

    一.如何使用模块 上篇文章已经简单介绍了模块及模块的优点,这里着重整理一下模块的使用细节. 1. import 示例文件:spam.py,文件名spam.py,模块名spam #spam.py pri ...

  7. 02_NIO简单实例

    [一个用NIO实现的客户端向服务端单向通信的例子] [服务端程序] package com.nio.test; import java.io.IOException; import java.net. ...

  8. 创建线程后马上CloseHandle(threadhandle)起什么作用

    原文:http://www.cnblogs.com/eddyshn/archive/2010/04/14/1711674.html HANDLE threadhandle = CreateThread ...

  9. Django 和 struts 对比

    转自:http://www.blogjava.net/shaofan/archive/2007/04/06/109007.html 假设:用两者写一个最小的WEB程序.过程可以参照:1.struts的 ...

  10. Ubuntu14.04下如何安装Python爬虫框架Scrapy

    按照官方文档的说明,安装scrapy 需要以下程序或者库: (1).Python 2.7 (2).lxml. Most linux distributions ships PRepackaged ve ...