
Ajax and JQuery
Ajax、jQuery
Woo_home
努力努力再努力
展开
-
jQuery遍历的几种方式
jQuery对象遍历 <script type="text/javascript" src="js/jquery-3.4.1.js"></script> <script> var cities = ["深圳市","广州市","珠海市","上海市","北京市"]; //jQuery对象调用遍历 $(cities).each(function(i,...原创 2019-06-10 14:31:46 · 10436 阅读 · 0 评论 -
Ajax——校验用户名是否可用
1. 搭建环境页面准备<body> <table border="1" width="500"> <tr> <td>用户名:</td> <td><input type="text" name="name" id="name" onblur="checkUserName(...原创 2019-04-06 14:29:38 · 811 阅读 · 0 评论 -
使用JQuery实现校验用户名
使用JQuery实现校验用户名上一篇使用Ajax来校验用户名,不知道的可以看下这篇Ajax校验用户名,实现的效果是一样的,但是相对于Jquery来说代码比较多一点,现在用jQuery也来实现一下新建一个数据库,字段与html的列名对应就行html:<body> <table border="1" width="500"> <tr>...原创 2019-04-06 22:24:51 · 2076 阅读 · 0 评论 -
jQuery中的表格全选与不选
html代码<!DOCTYPE html><html><head> <title>jquery</title> <script type="text/javascript" src="js/jquery-3.4.1.js"></script></head><body> &...原创 2019-06-09 21:46:01 · 490 阅读 · 0 评论 -
jQuery中的选择器
让我们能够更加精确 找到我们要操作的元素基本选择器ID选择器:#ID的名称类选择器:以 . 开头 . 类名元素选择器:标签的名称通配符选择器: *选择器:选择器1,选择器2基本选择器案例<!DOCTYPE html><html><head> <title>jquery</title> <script ty...原创 2019-06-09 15:36:02 · 305 阅读 · 0 评论 -
jQuery定时弹出广告
jQuery定时弹出广告<!DOCTYPE html><html><head> <title>jquery定时弹出广告</title> <script type="text/javascript" src="js/jquery-3.4.1.js"></script></head><b...原创 2019-06-09 14:38:09 · 441 阅读 · 0 评论 -
jQuery中的动画效果
步骤: 1、导入jQuery相关的文件 2、文档加载完成事件:$(function):页面初始化的操作:绑定事件,启动页面定时器 3、确定相关操作的事件 4、事件触发函数 5、函数里面再去操作相关的元素 6、显示和隐藏image(按对角方式显示隐藏)<!DOCTYPE html><html><head> <title>...原创 2019-06-09 14:16:15 · 262 阅读 · 0 评论 -
jQuery入门基础
jQuery是什么? jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动...原创 2019-06-08 16:49:49 · 195 阅读 · 0 评论 -
jQuery仿百度提示
html代码:<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript" src="js/jque...原创 2019-04-07 15:35:20 · 258 阅读 · 0 评论 -
JQuery的Get方法和Post方法
JQuery是什么?javascript 的代码框架。有什么用?简化代码,提高效率。核心write less do more , 写得更少,做的更多。load<a href="" onclick="load()">使用JQuery执行load方法</a>//有两次刷新, 先走 onClick的方法,取到数据回来之后,赋值显示。 ...原创 2019-04-06 22:08:44 · 836 阅读 · 2 评论 -
Ajax的Get请求和Post请求简单使用方法
Ajax是什么?Asynchronous Javascript And XML”(异步JavaScript和XML),并不是新的技术,只是把原有的技术,整合到一起而已。1.使用CSS和XHTML来表示。2. 使用DOM模型来交互和动态显示。3.使用XMLHttpRequest来和服务器进行异步通信。4.使用javascript来绑定和调用。有什么用?如果想要网页...原创 2019-04-06 14:24:10 · 300 阅读 · 0 评论