cookie,Jq特点,选择器,层级,基本选择器,内容,可见性,属性,效果,子元素,表单,筛选,查找,串联...

Cookie每个域名限制

  • internerExplorer8 50个
  • Firefox 30个

最大4K
Application下

JQUERY

【jQuery 】是一个免费、开源的轻量级的JavaScript库,并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持),同时现在有很多基于jQuery的插件可供选择,这样在我们实现一些丰富的动态效果时更方便快捷,大大节省了我们开发的时间,提高了开发速度,这也充分体现了其 write less,do more的核心宗旨

特点

  • 隐士循环 链式调用
  • clear:both 清除浮动
    JQuery的隐式迭代就是JQuery方法遍历内部DOM数组的过程。
    每个方法返回的都是调用者自己

选择器

  • id-------------------------id选择器

  • *----------------------------通用选择器
  • element-------------------标签名选择器
  • .class----------------------类名选择器
  • selector1,selector2,selectorN群组选择器

层级

  • ancestor descendant--后代选择器
  • parent>child---------获取子元素
  • pre+next-------------下一个兄弟元素
  • pre~siblings---------后边所有的元素

基本筛选器

  • :first------------第一个元素
  • :last-------------最后一个元素
  • :eq(index)--------获取指定下标的元素
  • :even-------------(下标为偶数的)元素...页面当中为奇数的
  • :odd--------------(下标为奇数的)元素...页面当中为偶数的
  • :gt(index)---------大于下标值的元素
  • :lt(index)---------小于下标值的元素
  • :not(index)--------排除选择器匹配的元素
  • :lang--------------指定语言的所有元素
  • :header------------获取标题标签
  • :animated----------匹配正在动画的元素
  • :focus-------------当前获取焦点的元素
  • :root--------------匹配根元素
  • :target------------选择由文档URl的格式化识别码表示的目标元素 哈希

内容

  • :contains(text)---包含文本的元素
  • :empty------------匹配不包含子元素和文本的空元素
  • :has(select)------匹配包含指定元素的元素
  • :parent-----------含有子元素或含有文本的元素

可见性

  • :hidden---------页面中不可见的元素或type为hidden的元素
  • :visible--------匹配所有可见元素

属性

  • [attribute]--------匹配包含给定属性的元素
  • [attribute=value]--匹配属性等于值的元素
  • [attribute!=value]--匹配属性不等于值的元素
  • [attribute^=value]--匹配属性以这个值开头的元素
  • [attribute$=value]--匹配属性以这个值结尾的元素
  • [attribute*=value]--匹配属性包含这个值的元素
  • [attrSel1][attrSel2][attrSelN]--匹配同时满足多个条件的元素

效果

  • fadeOut([s,[e],[fn]])---淡出效果

子元素

  • :first-child--------第一个子元素身份出现的
  • :last-child---------最后一个子元素身份出现的
  • :nth-child()--------第几个子元素
  • :nth-last-child()---倒数第几个元素
  • :first-of-type------同辈中的第一个元素
  • :last-of-type-------同辈中的最后一个元素
  • :nth-of-type()------同辈中的第几个
  • :nth-last-of-type()-同辈中的倒数第几个
  • :only-child---------只有一个子元素的元素
  • :only-of-type-------选择所有没有兄弟元素,且具有相同的元素名称的元素

表单

  • :input------获取所有的表单元素
  • :text-------单行文本
  • :password---密码框
  • :radio------单选按钮
  • :checkbox---多选按钮
  • :submit-----提交按钮
  • :image------图片
  • :reset------重置按钮
  • :button-----所有按钮
  • :file-------文件域

筛选

过滤

  • eq(index|-index)----获取当前链式操作中第N个jQuery对象
  • first()-------------获取第一个元素
  • last()--------------获取最后一个元素
  • hasClass(class)-----检测当前元素是否含有特定的类,返回值为布尔值,不支持链式调用
  • filter(expro|obj|ele|fn)筛选出与指定表达式匹配的元素集合
  • is(expre|obj|ele|fn)根据选择器,DOM或jQuery检测匹配元素集合,是否是()返回值为布尔值
  • map(callback)-------映射----返回值为jQuery对象

get()---------------返回的为数组

  • has(expre|ele)------保留包含特定后代的元素,去掉不含有指定后代的元素
  • not(expre|ele|fn)---删除与指定表达式匹配的元素
  • slice(start,[end])--选择一个匹配的子集

查找

  • children([expre])---取得一个包含匹配元素的所有子元素的集合---子元素
  • closest(expr|object|element)从元素本身开始逐级往上找,返回最先匹配的元素
  • find(expr|obj|ele)--所有与指定表达式匹配的元素--后代元素
  • next([expr])--------找下一个兄弟元素
  • nextAll([expr])-----找后补所有的兄弟元素
  • nextUntil([exp|ele][,fil])找范围内的兄弟元素
  • offsetParent()------找有定位属性的父元素
  • parent([expr])------取得一个包含着所有匹配元素的唯一父元素的元素集合。
  • parents([expr])-----取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)
  • parentsUntil([expr|elements],[,filter])查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止
  • prev([expr])--------取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。
  • prevAll([expr])-----查找当前元素之前所有的同辈元素
  • prevUntil([exp|ele][,fil])查找当前元素之前所有的同辈元素,直到遇到匹配的那个元素为止
  • siblings([expr])----找到所有的同辈元素。

串联

  • add([expr|ele|html|obj[,con]])把与表达式匹配的元素添加到jQuery对象中
  • addBack()-----------返回添加成为新的jQuery对象
  • contents()----------查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容
  • end()----------------回到最近的一个"破坏性"操作之前
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值