JQuery常用标签

Posted 2020-09-22 Mark-luo

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. 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下