*一)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的更多相关文章

  1. JQuery常用API 核心 效果 JQueryHTML 遍历 Event事件

    JQuery 常用API 参考资料:JQuery 官网   jQuery API 中文文档 核心 jQuery 对象 jQuery() 返回匹配的元素集合,无论是通过在DOM的基础上传递的参数还是创建 ...

  2. jQuery常用API之jQuery选择器

    3.jQuery常用API 3.1 jQuery选择器 3.1.1 jQuery基础选择器 原生JS获取元素的方式很多.很杂,而且兼容性情况不一致,因此jQuery给我做了封装,是获取元素统一了标准 ...

  3. jQuery常用API

    jQuery API查询网址 http://jquery.cuishifeng.cn/ Dom和jquery相互装换 jquery对象[0] => Dom对象 Dom对象 => $(Dom ...

  4. jQuery基本API小结(下)---工具函数-基本插件

    一.工具函数 1.获取浏览器的名称与版本信息 在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$ ...

  5. jQuery基本API小结(上)--选择器-DOM操作-动画-Ajax

    一.JQuery基础选择器 1.基本选择器(CSS选择器) 2.$()中的()不一定是指定元素,也可能是函数. 3.“*”号选择器,它的功能是获取页面中的全部元素:$(“*”). 由于使用*选择器获取 ...

  6. JDBC常用API小结

    建立数据库链接的三种方式: package com.victor_01; import java.sql.Connection; import java.sql.Driver; import java ...

  7. 23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API

      1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目 ...

  8. jQuery常用Method-API

    目的:对web页面(HTML/JSP/XML)中的任何标签,属性,内容进行增删改查 (1)DOM简述与分类 (A)DOM是一种W3C官方标准规则,可访问任何标签语言的页面(HTML/JSP/XML) ...

  9. 项目常用jquery/easyui函数小结

    #项目常用jquery/easyui函数小结 ##背景 项目中经常需要使用到一些功能,封装.重构.整理后形成代码沉淀,在此进行分享 ##代码 ```javascript /** * @author g ...

随机推荐

  1. SpringMVC 3.1.1版本下的单元测试WEB-INF路径问题

    假设Spring配置文件为applicationContext.xml 一.Spring配置文件在类路径下面 在Spring的java应用程序中,一般我们的Spring的配置文件都是放在放在类路径下面 ...

  2. HP-unix如何生成动态库?

    HP-unix系统生成动态库编译的方法? 创建PIC中间文件的编译器选项是+z,创建动态库的链接器标志是-b. 1. cc +z d1.c d2.c /* 编译以".o"为扩展名的 ...

  3. windows2008服务器连接Oracle慢的问题。

    昨天发布程序到2008服务器的IIS,从Sql Server数据库取数没问题,但是从Oracle数据库取数,非常的慢,同样的程序在2003服务器上没问题,本机也没问题.一开始怀疑是这台机器有问题,后来 ...

  4. 桥接模式:探索JDBC的接口

    目录概要 场景问题 假设要设计一个电脑商场管理系统的某个模块设计,电脑分为品牌和类型两个纬度,我们应该怎么解决?我们初学者最容易想到的办法就是利用继承的方式,那利用继承实现的类图又是什么样子呢?我们看 ...

  5. Nginx反向代理 实现Web负载均衡

    实现负载均衡的方式有很多种,DNS.反向代理.LVS负载均衡器(软件实现).F5(负载均衡器,硬件,非常昂贵)这里我们只提到基于DNS,以及反向代理的方式来实现负载均衡Web服务       DNS服 ...

  6. 两个不同网段的PC直连是否可以Ping通,肯定可以Ping的通(转)

    在这一篇文章中http://blog.csdn.net/zhangdaisylove/article/details/46892917的案例,明确的说明两个不同网段的PC不能Ping的通,其实他给出的 ...

  7. The method setClass(Context, Class<?>) in the type Intent is not applicable for the arguments (GameV

    在当前短信内容的activity中写            Bundle bun = new Bundle();         bun.putString("message",  ...

  8. promise和Rxjs的一点区别

    promise 代码 let promise = new Promise( (resolve) => { setTimeout(() => { resolve('chen'); },200 ...

  9. 用 C# 做人脸检测(基于EmguCV)

    c#datagridmatlab人脸识别图像处理path 下载源码 准备工作(必须) 下载  EmguCV 傻瓜安装后,把 bin 目录添加到环境变量里去,比如安装在 X:\EmguCV\ 目录下,就 ...

  10. git ssh key配置

    原文:https://blog.csdn.net/lqlqlq007/article/details/78983879 git clone支持https和git(即ssh)两种方式下载源码:  当使用 ...