Jquery基础快速学习(精简笔记)

ID选择器{
	$('#ID')
}
类选择器{
	$('.class')
}
标签选择器{
	$('div')
}
属性选择器
{
	$("[属性名='值']")	//等于值
	$("[属性名^='值']")	//开头
	$("[属性名$='值']")	//结尾
	$("[属性名*='值']")	//包含
}
位置选择器{
	$("selector:fitst")	//第一个
	$("selector:last")	//最后一个
	$("selector:odd")	//奇数
	$("selector:even")	//偶数
	$("selector:eq(n)")	//选择第n个
	$("selector:gt(n)")	//大于第n个,不包括第n个
	$("selector:lt(n)")	//小于第n个,不包括第n个
}
后代选择器{
	$("selector li")
}
子代选择器{
	$("selector>li")
}
遍历{
	$("selector").each(function(){
		...
	});
}
$("selector").find("selector") 	//找子元素
$("selector").not("selector") 	//去除元素
$("selector").add("selector")	//添加元素

元素宽高、窗口宽高{
	$(选择器).width()		//包含内边距的宽度
	$(选择器).innerWidth()	//不包含内边距的宽度
	$(选择器).outerWidth()	//包含外边距的宽度
	
	$(选择器).height()		//包含内边距的高度
	$(选择器).innerHeight()	//不包含内边距的高度
	$(选择器).outHeigth()	//包含外边距的高度
	
	$(window).width()		//浏览器的宽度
	$(window).height()		//浏览器的高度
}
内容操作{
	$(选择器).val();		//文本框值
	$(选择器).html();	//不过滤HTML标签
	$(选择器).text();	//过滤HTML标签,只获取文本
}
属性操作{
	$(选择器).attr(属性名,)//单个值获取属性,两个值设置属性
}
事件绑定与去除{
	$(选择器).事件名(函数)//删除函数
	$(选择器).unbind(事件名, 函数)//添加事件
	$(选择器).unbind(事件名, 函数)//删除事件
}
标签样式操作{
	$(选择器).css(样式属性名,);
	$(选择器).addClass(类别样式名);
	$(选择器).removeClass(类别样式名);
	$(选择器).toggleClass(类别样式名);
}
节点造作{
	$(选择器).append(html标签);	//最后添加子元素
	$(选择器).empty();	//删除所有子元素
	$(选择器).remove();	//删除节点
	$(选择器).before(); //之前添加(兄弟)
	$(选择器).after();	//之后添加(兄弟)
}
标签动画{
	$(选择器).animate({params}JS串,speed速度,callback回调函数)
	$(选择器).slideDown(speed速度,callback回调函数)
	$(选择器).slideUp(speed速度,callback回调函数)
	$(选择器).show(speed速度,callback回调函数)
	$(选择器).hide(speed速度,callback回调函数)
}
	$(选择器).mousemove(function(e)){
		e.pageX
		e.pageY
	}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值