jquery-小操作方法-选择器选择元素-限定词

1.jQuery(expression);选择器选择DOM对象。jQuery(html,props);创建一个或多个DOM对象返回成jQuery对象,props形如{prop:value,prop2:value}附加到HTML创建的DOM元素。
jQuery(object):把普通对象包装城jQuery对象。

jquery方法小抄:$("div").append("新增的内容");---加内容 $(document.getElementById('lee')).css("background-color","#aaffaa").css("boder","1px solid black");---该变样式
$("<input type='button' value='单机我'/>").appendTo(document.body);创建后添加到body元素内
$("<input/>",{type:"buton",value:"有惊喜",click:function(){alert("惊喜时刻!");}}).appendTo(document.body);
jQuery(callback)是$(document).ready()的缩写,页面加载完,出发callback函数-于此同时可以是用jQuery.holdReady(true|false)来延迟ready()的事件处理函数。$.holdReady(true)需要用$.holdReady(flase)来解除。
对选中元素的属性赋值:$().prop("checked","");

2.以css选择器选择html元素,可用方式:#id,tagName,tagName[attribute](返回了包含attribute属性的tagName标签),tagName[attribute=value],tagName[attribute!=value],tagName[attribute^=value](以value开头),tagName[attribute$=value](以value值结尾),tagName[attribute*=value](属性值包含value),tagName[attributeFilter1][attributeFilter2]...(有任意一个属性值特征的HTML元素)
.className,outerSelector innerSelector,parentSelector>childSelector(返回直接位于父选择器的第一层子选择器),
prevSelector+nextSelector(紧跟在prevSelector后的第一个nextSelector),prevSelector~siblingsSelector(位于prevSelector后的所有siblingsSelector对应的HTML元素),
selector1,selector2...selectorN(同时制定多个选择器,返回匹配任何一个选择器的HTML元素),*(返回所有HTML元素包装成的jQuery元素这个很少用),:header(返回有h1,h2,h3之类的标题元素包装成的jQuery对象)

3.选择器的限定词:
:first:返回匹配后的第一个元素
:last:
:not(selector):匹配后的元素里去掉能和selector匹配的
:even:匹配元素里的索引为偶数的html元素,索引从0开始
:odd:奇数
:eq(index):索引为index的元素
:gt(index):索引大于index的元素
:lt(index):小于
:animated:匹配后选出当前没有执行动画效果的元素
:contains(text):匹配后的元素中的文本为text的元素
:empty:不包含任何内容的元素
:has(selector):匹配后还能与selector匹配的元素
:parent:匹配后,包含子元素后文本的元素
:hidden:匹配后当前不可见的元素
:visible:匹配后当前可见的
:only-child:匹配的元素是父节点的唯一元素

:nth-child(index/even/odd/equation/xn+m)功能强大

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值