首页 > Web开发 > 详细

05JQuery笔记-------------------------常用选择器和方法

时间:2016-01-12 11:38:39      阅读:141      评论:0      收藏:0      [点我收藏+]
1.    Id选择器
  实例:$(‘#btn’). click();
2.    类选择器
  实例:$(‘.cls’).text(‘‘);
3.    标签选择器
  实例:$(’p’).click(function())?为每个p标签注册事件
4.    标签+类型选择器
  实例:$(‘div.class’).css()?中间不能有空格。
5.    层次选择器
  a)    $("div li")获取div下的所有li元素(后代,子、子的子……)
  b)    $("div > li")获取div下的直接li子元素。
  c)    $(".menuitem + div")获取样式名为menuitem之后的第一个div元素(不常用),嵌套不算
  d)    $(".menuitem ~ div")获取样式名为menuitem之后所有的div元素(不常用)
  e)    $(*).css 所有的标签 
6.    方法选择标签
  a)    $(‘div’).next().css获得样式为div的层的后面那个标签
  b)    $(‘div’).nextAll(‘p’)获得样式为div层后面的所有p标签,如果不写表示所有的
  c)    $(‘div’).prev(‘p’)用法同next表示上一个。
  d)    $(‘p’).siblings(‘p’) p标签的所有兄弟p元素,在同一层内用法同上。
7.    基本过滤选择器
  a)    :first选取第一个元素。$(‘div:first’)选取第一个div元素$(‘.class:first’)选取类中的第一个元素
      写法二:$(‘div‘).first().css
  b)    $(‘div‘).last().css选取最后一个元素,用法如上。
  c)    $(‘ul li:even‘).css选取偶数行的单元格
  d)    $(‘ul li:odd‘).css选取奇数行的单元格
  e)    $(‘div:eq(3)‘)索引等于3的div
  f)    $(‘div:lt(3)‘)索引小于3的div
  g)    $(‘div:gt(3)‘)索引大于于3的div
  h)    $(‘div:gt(3):lt(2)‘)索引大于3后面的两个
  i)    $(‘:header‘)获取所有的h标签。
8.    常用方法
  a)    $(‘p‘).addClass(‘cls‘) 注意不要加点号。添加CSS样式
  b)    $(‘p‘).removeClass(‘cls‘) 移除样式。
  c)    $(‘p‘).toggleClass(‘cls‘); 该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。
  d)    alert($(‘p‘).hasClass(‘cls‘)) 判断p便签是否有.cls样式。放回true或者false

 

05JQuery笔记-------------------------常用选择器和方法

原文:http://www.cnblogs.com/clcloveHuahua/p/5123385.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!