jQuery--方法详解

来源：互联网发布：日文翻译软件哪个好编辑：程序博客网时间：2024/04/29 23:00

1 dom 筛选方法

2 遍历查找方法

3 特殊符号的处理

4 选择器的优化

<!DOCTYPE html><html><head><title></title><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script></head><body><p id="1">1<span>sp</span></p><p>2</p><p>33</p></body><script type="text/javascript">/*dom 筛选方法基本格式: $('基本选择器').方法名()$('p').eq(0) $('p').filter('.class/#id类id这种')$('p').first()$('p').last()x.is()判断n个标签是否包含某类 某id.has()同上       。。。标签.not()也是除去什么其他.map(function{alert ...val())拿到多个值的对象  可拼字符串 变数组.slice(1,5) 1234被选中,还可以传负数*/console.log($('p').filter('#1').html());/*遍历查找方法.children(['p']) 选取某元素的孩子，括号内不加就是所有子孙.parent()  上一级.parents('xx')   括号不填是整个文档，填了就是找xx的fu.offsetParent() 返回父元素中第一个postion设置了的.next()紧邻的兄弟元素 .nextAll().prev()前一个兄弟元素prevAll().siblings(['']) 上下的兄弟元素都选择.end()$span.parent().css(..).end().css(..).end就是返回到span给他css,,看下面实例.addClass()添加样式<span style="white-space:pre">.removeClass()</span>.addBack() 像用next时把自己本身也加上,,看下面实例.each(function{)对多个执行这个*///$('span').parent().css('border','solid 10px orange').end().css('color','blue');$('#1').next().addBack().css('border','solid 10px orange');/*特殊符号的处理name = gender[]$('input[name = gender\\[\\]]'单引号加1个转义符中括号加两个*//*选择器的优化1最快的是id2class前添加标签名 $('p .a  id别这样·3采用find( 比上下文查找快4比缓存快 如果要通过它查找上下文可以缓存起来缓存：var p = $('p')5div.div1 p2比.div1 p.p2快*/</script></html>

0 0