JQ笔记

参数形式
$("input:text",document.forms[0])选择form[0]所有input=text
$("<p>123</p>")直接对字符串标签操作
$(document.body)直接对标签操作
$(function(){})直接操作函数

each(callback)
$("ul").each({function(index){ this.li.html("xxx")}})

get(i)
$("li").get(3)

选择器
$(document)整个文档选择
$("#id") ID选择器
$(".class") 类选择器 延伸:$("div.class") 复合选择器 标签+类
$("input[type=text]")属性选择器

表达式选择器
$("a:first")第一个a元素
$("tr:odd")选择tr的奇数行
$("#form:input")选择from中的input
$("div:visible")选择可见的DIV
$("div:gt(2)")选择前三个DIV

对象函数
.html() 取出或者设置html
.text() 取出或者设置text内容
.attr() 取出或者设置属性的值
.width()取出或者设置属性的宽度
.height()取出或者设置属性的高度
.val()取出或则设置某个表单的值

筛选器
$("div").has("p") 选择包含P元素的DIV
$("div").not(".class")选择不属于class类的div
$("div").filter(".class")选择类为class的div
$("div").first()选择第一个div
$("div").eq(index)选择第index+1个div

$("div").next("p")选择div后第一个P
$("div").parent() 选择div的父元素
$("div").cliset("form")离div最近的form的父元素
$("div").children()选择div的子元素
$("div").siblings()选择div的同级元素

文档处理
.clone()复制元素
.remove()直接删除对象
.detach()保留被删除元素的事件
.empty()清空元素的内容
.append()追加元素

事件
blur()表单失去焦点
click()鼠标点击
focusin()子元素获取焦点
keypress()按下键盘
load()元素加载完毕
mouseenter()鼠标进入
change()表单元素值变化
focus()表单元素获取焦点
keyup()松开键盘
mousedown()鼠标离开
mouseup()鼠标松开
mouseout()鼠标离开
resize()浏览器窗口大小改变
select()选中文本框内容
toggle()根据鼠标点击次数依次运行多个函数
submit()用户提交表单
unload()用户离开页面
事件的绑定
$(input).bind("click change",function(){});
$(input).one("click",function(){})只运行一次绑定的事件
$(input).unbind("click")移除绑定
$(input).trigger(click)触发器执行click事件

事件参数
event.pagex事件发生时 鼠标距离网页左上水平距离
event.pagey事件发生时 鼠标距离左上角的垂直距离
event.type 事件类型 例如click
event.data 事件对象上绑定的数据
event.which 按下了那一个按键
event.target 事件针对的网页元素
event.preventdefault() 阻止事件的默认行为 点击链接会打开新的页面
even.stopPropagation() 停止事件向上层元素冒泡
this 针对的dom元素

工具
.trim()去除空格
.each()遍历
.inarray()返回数组索引的位置
.grep()返回数组中复合标准的元素
.extend()合并对象
.makyarray()转换为数组
.type()判断对象的类型 函数、日期、数组、正则
.isarray()是否为数组
.isemptyObject()判断是否为null
.isfunction()判断是否为函数
.isplainobject()判断是否为建立的对象
.suppirt() 是否支持某个浏览器的特性

时间: 2024-10-27 11:11:56

JQ笔记的相关文章

js jq 笔记小结

Js第一课   1.vs新建步骤 文件——新建项目——web——空白web应用程序——取名.位置.确定——此时软件会自动生成一个sln文件(解决方案),一解决方案下面可以有多个项目. 点击项目——新建文件夹css和js和image——新建html页面取名demo1 (推荐设置:工具——选项——可以设置下字体和颜色:文本编辑器——把常用的几种语言设上行号颜色提示) 2.什么是js JavaScript是一种脚本语言,结构简单,使用方便,其代码可以直接放入HTML文档中,可以直接在支持JavaScr

JQ笔记-加强版

Query初级 一.介绍.基本写法 什么是JQ: 一个优秀的JS库,大型开发必备 JQ的好处: 简化JS的复杂操作 不再需要关心兼容性 提供大量实用方法 如何学习JQ: www.jquery.com JQ只是辅助工具,要正确面对 需要分阶段学习 JQ设计思想: 选择网页元素 模拟CSS选择元素 独有表达式选择 多种筛选方法 JQ写法 : 方法函数化 $(function(){ //var oDiv = $('#div1'); $('#div1').click(function(){ alert(

jq 笔记

http://bbs.miaov.com/forum.php?mod=forumdisplay&fid=40 2014.10.10jquery 2.0 不兼容ie 6 7 8,以上更适合做移动端开发,代码更少 1.js对于集合 document.getElementByTagName('div')[0] 只有一个div的情况 2.$==jQuery 用jQuery是为了防止冲突 起了两个这样的名字 3.jq () 中参数问题 html() css()等 ()没有参数就是获取,有参数就是赋值,设置

JQ笔记之选择器

用JQ有一段时间了,今天对JQ的一些知识进行一些总结. 首先在JQ中分为几大模块:选择器,属性/CSS,操作,遍历,事件,效果,Ajax,还有核心. 一.选择器 1.基本选择器 .class  用法$(".class") element 用法 $("element") #id    用法  $("#id") Selector1,selectorN  用法 $("Selector1,selectorN") 2.层级选择器 par

jq 笔记大全一

1.页面重新加载 window.location.reload() 2.创建一个div标签, $("<div>") 3. DOM对像直接转为jq 方法用: 比如value 是一个dom 对像, 转为jq方法是 $(value) 4. 如果判断一个dom 对像?? 例:如果一个div 页面提示:htmldivElement 5.一个元素的偏移的方法: offset() 里面有两个方法 left() 和top() 6.height() .widht() 等一些方法:  后面小括

整理版jq 复习贴子

1绝对定位(abs)与相对定位(relative) 区别是相对定位参照自己的位置进行移动(当然需要设置top left这些生效)并且原来的位置保留着 偏移后会把 其它的层遮罩住 绝对定位就是的参照位置就不像相对那样是自己了 至于是哪个 就看它的上级或上上级有没有定位了 也就是有没有position:relative 或position:fixed 等吧 当要绝对定位的层设好要参照位置的层后 就可以用top left这些来定位置了 如果它的上级或上上级都没定位的话就 会根据body的位置来定位了

【笔记】.Net~逆天自学笔记-HTML+CSS+JS + JQ +Dom

HTML+CSS+JS+JQ+Dom参考集合:Library 真正的HTML(图片 | 笔记) HTML不是为了页面而存在,以后会更多的用在页面语意上,所有为了控制外观的都让css来操作,html5也是这样的 我眼中的CSS(图片|笔记|文档)JavaScriptBase(图片|笔记|源码)JavaScript Dom等

【JQ成长笔记】jQuery Validate验证插件

validate是一款很好的jq插件,提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 需要引入的js 1 <script type="text/javascript" src="../../scripts/jquery-1.3.1.js&qu

【JQ成长笔记】jQuery cookie的使用

jquery cookie挺好用的.简单实在.菜鸟都能用得上..额.文笔不好不好..咳咳.. 先来看看jq.cookie的aip 写入cookie $.cookie("this-cookie","this-value",{ expires:10,//有效日期 path:"/",//cookie的路 径 domanin: //cookie的域名 secure:true //true,cookie的传输会要求一个安全协议,否则反之 }); 读取coo