jQuery中遇到的坑

2018-11-16

1. .length 和 size() 
2. [type:text] 和 :text
3. :input 和 input
4. remove() 和 empty()
5. 内部插入和外部插入
6. 层级选择器 >
7. $("input")[0] 是不是jQuery对象?

 

1..length 和 size() 

  $("#container").length 与 $("#container").size() 

  length是属性,而size()是方法.两者不要搞混了.当然size()也是调用.length属性返回值.

2.[type:text] 和 :text

  [type:text] 是通过属性选择,而:text是通过表单选择.当然这两结果是一致的.

 

3.:input 和 input

  :input 是表单选择,它会将所有的表单元素选择上,包括select之类的.而 $("input") 就是会选择 <input/>标签.

 

4.remove() 和 empty()

   remove() 会删除,当前调用这个方法的对象.而empty()则不会,它只会删除里面的内容.

 

5.内部插入和外部插入

内部插入 相当于添加子元素

append(content|fn)  //a.append(b) 相当于 <a><b><b/></a>

appendTo(content) //a.appendTo(b) a添加到b <b><a></a></b> 

prepend(content|fn)

prependTo(content)

外部插入 相当于添加兄弟元素

after(content|fn)

before(content|fn)

insertAfter(content)

insertBefore(content)

6.层级选择器 >

  $("div>input")  它只会选择子元素,而不会选择孙子这种,子元素的子元素.

7.$("input")[0] 是不是jQuery对象?

  不是.而是一个dom对象.这一点也让我有些困惑.但是它就是如此...