jQuery菜鸟教程
参考链接:
https://www.runoob.com/jquery/jquery-tutorial.html
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。
jQuery 语法
jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
基础语法: $(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)"查询"和"查找" HTML 元素
- jQuery 的 action() 执行对元素的操作
实例:
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏 id="test" 的元素
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头:$()。
元素选择器
jQuery 元素选择器基于元素名选取元素。
在页面中选取所有 <p> 元素:
$("p").click(function(){ $(this).hide(); });
$("#p1").mouseenter(function(){ alert('您的鼠标移到了 id="p1" 的元素上!'); });
什么是事件?
页面对不同访问者的响应叫做事件。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
实例:
- 在元素上移动鼠标。
- 选取单选按钮
- 点击元素
在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。
什么是 AJAX?
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。
定义和用法
ajax() 方法用于执行 AJAX(异步 HTTP)请求。
所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。
ajax() 方法通过 HTTP 请求加载远程数据。
该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。
最简单的情况下,$.ajax() 可以不带任何参数直接使用。
HTTP 请求:GET vs. POST
两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。
- GET - 从指定的资源请求数据
- POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。
jQuery $.get() 方法
$.get() 方法通过 HTTP GET 请求从服务器上请求数据。
$("button").click(function(){ $.get("demo_test.php",function(data,status){ alert("数据: " + data + "\n状态: " + status); }); });
jQuery $.post() 方法
$.post() 方法通过 HTTP POST 请求向服务器提交数据。
$("button").click(function(){ $.post("/try/ajax/demo_test_post.php", { name:"菜鸟教程", url:"http://www.runoob.com" }, function(data,status){ alert("数据: \n" + data + "\n状态: " + status); }); });
其他:
$代表jQuery对象
$()是一个函数,等同于jQuery(),是jQuery的核心函数
$(".one")表示获取class=“one"的元素,返回一个jQuery对象
$(”.one").onclick表示class="one"的点击事件
$.post() $.get() $.ajax() 都是jQuery对象的方法
jQuery菜鸟教程相关推荐
- jQuery菜鸟教程03
jQuery 遍历 什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着这个 ...
- JQuery菜鸟教程笔记总结
JQuery语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作 基础语法: $(selector).action() 美元符号定义 jQuery 选择符(selector) ...
- jQuery菜鸟教程04
jquery框架中包含了很多jquery插件 jQuery其他 jQuery - noConflict() 方法 如何在页面上同时使用 jQuery 和其他框架? 这个方法可以让你的jQuery中$符 ...
- jQuery菜鸟教程02
jQuery 入口函数与 JavaScript 入口函数的区别: jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行. JavaScript 的 window.onloa ...
- jQuery菜鸟教程01
1:学前总结JavaScript内容 1:JavaScript 重点总结 2:HTML DOM 在JavaScript代码中写,用于增删改查整个页面的html元素,属性和值 3:XML DOM 在Ja ...
- jquery 菜鸟教程
https://www.runoob.com/jquery/ajax-load.html 测试方法 https://www.runoob.com/try/try.php?filename=tryjqu ...
- 复习jquery菜鸟教程
https://www.runoob.com/jquery/jquery-plugin-treeview.html 转载于:https://www.cnblogs.com/sxjljj/p/11349 ...
- JQuery菜鸟教程笔记
JQuery语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作 基础语法: $(selector).action() $ :美元符号定义 jQuery () :选择符(se ...
- jQuery学习(菜鸟教程)
1.jquery安装 <head> <script src="jquery-1.10.2.min.js"></script> </head ...
- jQuery概述(查阅菜鸟教程随笔)
jQuery 是一个 JavaScript 库. jQuery 实例 在本教程中,您将通过教程以及许多在线实例,学到如何通过使用 jQuery 应用 JavaScript 效果. jQuery 在线实 ...
最新文章
- 深入JDK源码,这里总有你不知道的知识点!
- linux之权限和chmod、chown命令
- python中解决中文乱码
- Remove Duplicates from Sorted List 去除链表中重复值节点
- java adminlte 使用_AdminLTE2管理后台自定义
- C++语言程序设计上机指导(二级),C++语言程序设计上机指导(二级)
- 用计算机进行服装设计,电脑服装设计(10制版1班)
- 约瑟夫环c语言程序完整版,C语言:约瑟夫环问题(源代码)
- Servlet处理文件下载的编码问题,乱码。
- php查真实地址,php教程:检查URL地址是否真实存在
- springboot使用curator来实现leader选举
- linux汇编stdin,汇编:从标准输入中读取整数,将其递增并打印到标准输出
- ElasticSearch之高亮显示
- springboot中获得app_Spring Boot 应用程序启动流程分析
- C#汉诺塔递归算法实现
- 数据分析案例:超市数据分析
- 网页屏蔽右键,另存功能
- Android5.0框架层短信接收过程分析
- Python第三方库巧用,制作图片验证码只需三行代码
- 软件调试高级研习班庐山秀峰站(2017-06)
热门文章
- linux live运行 光盘弹出复,通过liveCD进行ubuntu启动修复
- 大一计算机php认证考试,2017年计算机基础大一考试试题【附答案】.doc
- LCD驱动芯片/LCD段式液晶显示驱动芯片-VK0192M/VK0256/B/C技术资料简介
- 关于计算机网络简笔画,电脑卡通简笔画图片
- 计算机测试的论文,计算机软件测试毕业论文(定稿).doc
- 基于SSD1306的OLED的驱动学习(二):SSD1306的寻址方式
- 配电站房可视化巡检智能监控系统
- 【勒索病毒数据恢复】Phobos勒索病毒家族之.[back23@vpn.tg].makop
- WIN10系统 screencap截图屏幕会自动放大怎么办
- Entity Relationship diagram/Data model for Microsoft Navision