关于jquery

95 阅读1分钟
  1. DOM 对象与JQ对象的转换 DOM 对象 -> JQ对象
$d = $(oDiv);

JQ对象 -> DOM对象

$div[0])
$div.get(0)
  1. 元素的隐藏

    opacity: 0;
    visibility: hidden;
    元素依然会在页面中,只是看不到了,依然会占用空间

    元素的visibility: hidden 或 opacity:0被认为是可见的,因为他们仍然占用空间布局。

    display: none; 元素不在页面结构中,不会占用页面空间

  2. 元素可以被认为是隐藏的几个情况:
    他们的CSS display值是none。
    他们是type="hidden"的表单元素。
    它们的宽度和高度都显式设置为0。
    一个祖先元素是隐藏的,因此该元素是不会在页面上显示。

  3. 匹配 后面所有的兄弟元素

    $('#list1 ~ li' )
  1. 匹配 下一个兄弟元素
 $('#list1 + li' )
  1. 匹配第几个元素 索引从0开始
  $('li:eq(  )' )
  1. 选中偶数
    $('li:even')
  1. 选中奇数
     $('li:odd')
  1. 选中所有的h标签
     $(':header')
  1. 过滤掉某个元素
    $('li:not(  )')