JQ基础

154 阅读1分钟

jQuery
	基础写法
		$(function){$('p').css('background','red')}//缩写
		$(document).ready(function{
$('p').css('background','red')
})//完整写法
	基础语法
		$(selector).action
		标签选择器
			$('标签名').action//方法、css、对象({color:"red",background:"green"})...
		class/类选择器
			$('.类名').action//方法、css、对象...
		id选择器
			$('#id名').action//方法、css、对象...
		并集选择器
			$('标签名,.类名,#id名').action//方法、css、对象...
		全局选择器
			$('*').action//方法、css、对象...
		后代选择器
			$('主体 后代').action//方法、css、对象...
				所有后代生效
		子选择器
			$('主体>子级').action//方法、css、对象...
				只有子级生效
		相邻元素选择器
			$('selector+selector').action//方法、css、对象...
				下一个对象
		同辈元素选择器	
			$('selector~selector').action//方法、css、对象...
				后面所有
		属性选择器
			根据是否包含某属性来选取元素
				$('元素[属性]'
			根据属性的值选取元素
				$('元素[属性='']'
			不等于属性的值的元素
				$('元素[属性!=]'
			以指定值开头的元素
				$("selector[属性^='值']")
			以指定值结尾的元素
				$("selector[属性$='值']")
			包含指定值的元素
				$("selector[属性*='值']")