jquery 常用api 小结2
*一)jQuery常用方法API实战
(1)DOM简述与分类
A)DOM是一种标准,它独立于平台,语言,浏览器。
B)如果项目中,你完全按照DOM标准写代码,你就能在各大主流的浏览器中操作标准控件。
C)参见<<>>
(2)jquery操作DOM的常用API实战
父.append(子)
父.prepend(子)
------------------------------
A.after(B):B在A之后
A.before(B):B在A之前
------------------------------
attr(key,value)设置属性值
attr(key)获取属性值
------------------------------
val()获取value属性值
val(value)设置value属性值
------------------------------
$("html代码")创建标签,文本和属性
------------------------------
remove()删除元素和其子元素
------------------------------
旧.replaceWith(新):新替换旧
------------------------------
html()
css()
------------------------------
removeAttr():删除属性
------------------------------
clone()
close(true)
------------------------------
addClass()
hasClass()
removeClass()
toggleClass()
------------------------------
children() 取子元素不考虑后代元素
next()后面紧邻同辈元素
prev()前面紧邻同辈元素
siblings()前后所有同辈元素集合 可以用each()遍历
------------------------------
show()可用于图片显示
hide()
------------------------------
slideUp() 上滑
slideDown()下滑
------------------------------
*二)jQuery常用事件API实战
window.onload事件:
A)在页面加载时执行
B)如果写多个onload事件,后者覆盖前者
C)无简写形式
$(document).ready()事件:
A)在页面加载时执行
B)$(document).ready(处理函数);
C)$();
change()
select()
focus()
//获取浏览器产生的事件对象,该事件对象,无需程序员代码创建,
//是每个浏览器自已产生的,即IE和firefox浏览器产生的事件
//对象可以不同,event对象。
var code = event.keyCode;
keyup():左37/上38/右39/下40
mousemove()
mouseout()
mouseover()
submit()
*三)jQuery常用AJAX-API实战
(1)取得服务端当前时间
jquery对象.load(url,sendData,function(backData,textStatus,xhr){... ...})
load():如果无参的话,就以GET方式发送
如果有参的话,就以POST方式发送
(2)检查注册用户名是否存在
$.get(url,sendData,function(backData,textStatus,xhr){... ...})
$.post(url,sendData,function(backData,textStatus,xhr){... ...})
(3)二,三级菜单联动
$.post(url,sendData,function(backData,textStatus,xhr){... ...})
思考:将菜单联动做成数据库版本
(4)jquery对象.serialize()
能够收表参数,形成一个json格式字符串,
前提是:必须为每一个表单项取一个name属性
jquery 常用api 小结2的更多相关文章
- JQuery常用API 核心 效果 JQueryHTML 遍历 Event事件
JQuery 常用API 参考资料:JQuery 官网 jQuery API 中文文档 核心 jQuery 对象 jQuery() 返回匹配的元素集合,无论是通过在DOM的基础上传递的参数还是创建 ...
- jQuery常用API之jQuery选择器
3.jQuery常用API 3.1 jQuery选择器 3.1.1 jQuery基础选择器 原生JS获取元素的方式很多.很杂,而且兼容性情况不一致,因此jQuery给我做了封装,是获取元素统一了标准 ...
- jQuery常用API
jQuery API查询网址 http://jquery.cuishifeng.cn/ Dom和jquery相互装换 jquery对象[0] => Dom对象 Dom对象 => $(Dom ...
- jQuery基本API小结(下)---工具函数-基本插件
一.工具函数 1.获取浏览器的名称与版本信息 在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$ ...
- jQuery基本API小结(上)--选择器-DOM操作-动画-Ajax
一.JQuery基础选择器 1.基本选择器(CSS选择器) 2.$()中的()不一定是指定元素,也可能是函数. 3.“*”号选择器,它的功能是获取页面中的全部元素:$(“*”). 由于使用*选择器获取 ...
- JDBC常用API小结
建立数据库链接的三种方式: package com.victor_01; import java.sql.Connection; import java.sql.Driver; import java ...
- 23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API
1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目 ...
- jQuery常用Method-API
目的:对web页面(HTML/JSP/XML)中的任何标签,属性,内容进行增删改查 (1)DOM简述与分类 (A)DOM是一种W3C官方标准规则,可访问任何标签语言的页面(HTML/JSP/XML) ...
- 项目常用jquery/easyui函数小结
#项目常用jquery/easyui函数小结 ##背景 项目中经常需要使用到一些功能,封装.重构.整理后形成代码沉淀,在此进行分享 ##代码 ```javascript /** * @author g ...
随机推荐
- git fetch, git pull 以及 FETCH_HEAD
git push. 这个很简单, 其实和后面的差不多, 这里就不讲了. 唯一需要注意的地方是: git push origin :branch2, 表示将一个内容为空的同名分支推送到远程的分支.(说白 ...
- java 高并发 订单编号递增(解决方案)
业务描述: 首先从数据中查找最近的一条订单数据,然后将之前的订单号码+1作为新的订单号码,插入到数据库当中.(需求不能改变) 当出现并发操作时,A从数据库中获取最近一条订单的订单号为N,这是A还没有完 ...
- lwIP Memory Management
http://lwip.wikia.com/wiki/Lwipopts.h Memory management (RAM usage) /** * MEM_LIBC_MALLOC==1: Use ma ...
- LM27313 (ACTIVE) 具有 30V 内部 FET 开关(采用 SOT-23 封装)的 1.6 MHz 升压转换器
The LM27313 switching regulator is a current-mode boost converter with a fixed operating frequency o ...
- ssl 复制
http://www.ttlsa.com/mysql/mysql-replication-base-on-ssl/ http://www.tuicool.com/articles/mi2iaq htt ...
- .NET:遇到并发问题,什么样的情况下需要自动重试?
背景 多用户系统会出现并发问题,应对并发问题的两种方式是“悲观锁”和“乐观锁”,多数情况下都会采用“乐观锁”,这引发了一个问题,如果检查出乐观并发异常如何重试?是让最终用户手工重试?还是让系统自动重试 ...
- 制作Java安装程序
这个工具利用 ANT 来制作在 Windows, MacOS X, Unix 平台上可执行的文件,比如 exe,zip,jar.ROXES ANT Tasks 基于 GPL 发布. http://ww ...
- [Linux] Ubuntu下解压rar文件的方法
一般通过默认安装的ubuntu是不能解压rar文件的,只有在安装了rar解压工具之后,才可以解压.其实在ubuntu下安装rar解压工具是非常简单的,只需要两个步骤就可以迅速搞定. ubuntu 下r ...
- [Gradle] Gradle 构建 android 应用常见问题解决指南
转载地址:http://www.cnblogs.com/youxilua/p/3348162.html 1: 使用最新的gradle android插件 以前我们写的时候会这么写 dependenci ...
- linuxShell检测内网中存活主机,windows下net view/nmblookup
#!/bin/bash # Simple SHELL script for Linux and UNIX system monitoring with # ping command # code by ...