*一)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. javascript 手机号间隔显示 123 4567 8910

    // 手机号分隔显示 let tel = this.data.tel_value // 原始手机号 let len = tel_value.length // 原始手机号的长度 let mobile ...

  2. ExtJs ComboBox 在IE 下 自动完成功能无效的解决方案

    使用 ComboBox 来作为自动完成的组件,就像google suggestion ,可是在IE下怎么也无法输入字符,是处于不可编辑状态,而firefox和chrome都正常显示.我在2个ExtJs ...

  3. Windows 10 UWP程序标题栏设置

    在Windows 10程序中,以前只能用于全屏方式的Metro程序现在可以运行在窗口模式下了,并且改了个新名字,叫Windows 通用程序(Universal Windows app),简称UWP程序 ...

  4. Circuit provides reference for multiple ADCs

    The achievable accuracy for systems with multiple ADCs depends directly on the reference voltages ap ...

  5. Spring MVC概述

    Spring MVC框架是一个开源的Java平台,为开发强大的基于Java的Web应用程序提供全面的基础架构支持非常容易和非常快速. Spring框架最初由Rod Johnson撰写,并于2003年6 ...

  6. CSRF攻击演示

    CSRF就是伪装成用户做坏事! 它的手段可能是: 一张引发邪恶请求的图片: <img src="http://localhost/demoA.php?money=500" / ...

  7. TOP命令监视系统任务及掩码umask的作用

    top 命令使用方法及參数. top 选择參数 參数: -b  以批量模式执行.但不能接受命令行输入: -c 显示命令行,而不不过命令名. -d N  显示两次刷新时间的间隔,比方 -d 5,表示两次 ...

  8. 使用富文本OHAttributedLabel

    OHAttributedLabel 富文本标签 https://github.com/AliSoftware/OHAttributedLabel 以下是我渲染出来的效果 OHAttributedLab ...

  9. 不会提示是否关闭浏览器 IE6、IE7、FF通用代码

    start = setInterval('CloseWin();', 2000); function CloseWin() //这个不会提示是否关闭浏览器 IE6.IE7.FF通用代码: { if ( ...

  10. jQuery数组处理全解

    jQuery的数组处理.便捷.功能齐全.最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生JavaScript数组不能企及的功能.最近时间紧迫,今天抽了些时间回过头来看jQuery中文文档中 ...