首页 > 代码库 > JQuery常用标签

JQuery常用标签

1. $(document).ready(function() {});

  是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。

<script type="text/javascript">

    $(document).ready(function() {

      $("div").html("您好!通过实践学习JQuery才是最佳的途径。");           

    });

</script>

 

2. jQuery选择器之类选择器之i d选择器: $( "#id" )

 id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的

 

3. jQuery选择器之类选择器: $( ".class" )

类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选, 将匹配该class选择集合的全部元素

 

4.jQuery选择器之元素选择器:$( "element" )

搜索指定元素标签名的所有节点,这个是一个合集的操作。类似class  不过这个直接作用元素标签

 

5.jQuery选择器之全选择器(*选择器):$( "*" )

获取文档中所有的元素,在CSS中,经常会在第一行写下这样一段样式

* {padding: 0; margin: 0;}

通配符*意味着给所有的元素设置默认的边距。

 

6.jQuery选择器之层级选择器

子选择器: $(‘div > p‘)

后代选择器: $(‘div p‘)

相邻兄弟选择器:$(".prev + div")

一般兄弟选择器:$(".prev ~ div")

注意双引号和单引号,以及中间符号以及兄弟选择器的"."符号,其余是元素标签

仔细观察层级选择器之间还是有很多相似与不同点

  1. 层级选择器都有一个参考节点
  2. 后代选择器包含子选择器的选择的内容
  3. 一般兄弟选择器包含相邻兄弟选择的内容
  4. 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下

JQuery常用标签