首页 > 代码库 > 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")
注意双引号和单引号,以及中间符号以及兄弟选择器的"."符号,其余是元素标签
仔细观察层级选择器之间还是有很多相似与不同点
- 层级选择器都有一个参考节点
- 后代选择器包含子选择器的选择的内容
- 一般兄弟选择器包含相邻兄弟选择的内容
- 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下
JQuery常用标签