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>

< 2016年11月 >
30 31 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 1 2 3
4 5 6 7 8 9  

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

  1. spring data jpa @query的用法

    @Query注解的用法(Spring Data JPA) 参考文章:http://www.tuicool.com/articles/jQJBNv . 一个使用@Query注解的简单例子 @Query( ...

  2. dojo query 基本用法

    1. 常用的 dojo.query 用法 dojo.query("#header > h1") //ID 为 header 的元素的直接子节点中的 h3 元素   dojo. ...

  3. 【转】MongoDB C# / .NET Driver 中IMongoQuery的内部实现Query的用法

    MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的.他支持的数据结构非常松散,是类似 json的bjson格式,因此可以存储比较复杂的数据类型. ...

  4. IMongoQuery的内部实现Query的用法

    Query.All("name", "a", "b");//通过多个元素来匹配数组 Query.And(Query.EQ("nam ...

  5. Netdom query基本用法

    C:\Users\user1>netdom queryThe syntax of this command is: NETDOM QUERY [/Domain:domain] [/Server: ...

  6. Mongodb条件查询Query的用法

    Query.All("name", "a", "b");//通过多个元素来匹配数组Query.And(Query.EQ("name ...

  7. 【原创】12. MYSQL++之Template Query

    1. 什么是Template Query 在我们实际的编程过程中,我们很容易碰到printf这类需要在运行时来决定到底打印出什么的函数,例如 printf(“hello %s”, sth); 在这个例 ...

  8. (数据科学学习手札92)利用query()与eval()优化pandas代码

    本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 利用pandas进行数据分析的过程,不仅仅是计算 ...

  9. ThinkPhP $map用法

    ThinkPHP内置了非常灵活的查询方法,可以快速的进行数据查询操作,查询条件可以用于CURD等任何操作,作为where方法的参数传入即可,下面来一一讲解查询语言的内涵.查询方式ThinkPHP可以支 ...

  10. DirectX12 Samples 学习笔记 – PredicationQueries

    一.效果 这是一个比较简单的sample,运行sample可以看到,当红橙色长方形完全覆盖白色正方形时,白色正方形不显示,其他情况,均显示白色正方形. 二.实现 Render主要由三个部分组成 1.F ...

随机推荐

  1. vs2010 vc++ 统一修改所有工程的目录配置

    vs2005和vs2008中都是通过 工具-选项-项目和解决方案-VC++目录,设置 头文件include .库文件lib.可执行文件dll的路径,以便在引用dll动态链接库文件时,可以查找到该文件的 ...

  2. CoreText原理及基本使用方法

    关于富文本的排版也是现在的一个技术点,以下是近日关于CoreText的学习记录以及个人理解,希望能对正在学习CoreText的朋友起到帮助. 1.框架坐标系 首先让我们先来看看CoreText坐标系和 ...

  3. 使用 InstallShield 制作 Delphi 软件安装包

    软件版本: InstallShield 12 Delphi 5/7 SQL Server 2005 一.配置软件信息 二.软件安装的需求配置 三.安装架构 四.安装需要的文件 软件的安装路径.可执行文 ...

  4. json 后台传前台

    jsonObject需实例化new.jsonObject=new JSONObject();jsonObject.put("goodslist", list);jsonObject ...

  5. 【ros bug】rplidar.launch is neither a launch file in package...

    解决 :cd catkin_ws $ source devel/setup.bash

  6. Linux 下安装pip

    安装pip 使用脚本安装和升级pip 要安装或升级pip,需要下载 get-pip.py. 地址:https://bootstrap.pypa.io/get-pip.py 然后运行以下命令 (需要管理 ...

  7. CSS权重及样式优先级问题

    CSS权重值计算 一条样式规则的整体权重值包含四个独立的部分:[A, B, C, D]; (1) A 表示内联样式(写在标签的style属性中),只有 1 或者 0 两个值:对于内联样式,由于没有选择 ...

  8. LRU Cache [LeetCode]

    Design and implement a data structure for Least Recently Used (LRU) cache. It should support the fol ...

  9. 51nod 1158 全是1的最大子矩阵

    题目链接:51nod 1158 全是1的最大子矩阵 题目分类是单调栈,我这里直接用与解最大子矩阵类似的办法水过了... #include<cstdio> #include<cstri ...

  10. jQuery经典面试题及答案精选(转)

    jQuery是一款非常流行的Javascript框架,如果你想要从事Web前端开发这个岗位,那么jQuery是你必须掌握而且能够熟练应用的一门技术.本文整理了一些关于jQuery的经典面试题及答案,分 ...