jQuery入门（二）--jQuery选择器

jQuery 中 的选择器完全继承了 CSS 的风格，通过使用 jQuery 选择器，我们可以快速的找到目标 DOM 元素，然后对它们进行一系列操作，学会使用选择器是学习 jQuery 的基础，jQuery 的行为规则都必须在获取到元素后才能生效。
jQuery 中所有选择器都以美元符号开头：$()。
jQuery 选择器的写法和 CSS 选择器的写法十分相似，只不过两者的作用效果不同，CSS 选择器找到元素后是添加样式，而 jQuery 选择器找到元素后是添加行为，
DOM 对象方法

 document.getElementById("syl").style.color = "red";

jQuery 选择器

<script type="text/javascript">
            $('#syl').css("color","red");
        </script>

另外需要特别注意的是，$('#syl') 获取的永远是对象，即使网页上没有此元素，因为当要用 jQuery 来检查某个元素再网页上是否存在时，不能使用下面的代码：

if($('#syl')){
   

}

而应该根据获取到元素的长度来判断，代码如下所示：

if($('#syl').length>0){
   

}

或者转化成 DOM 对象来判断，代码如下：

if($('#syl')[0]){
   

}

• ID 选择器("#id")

 <script type="text/javascript">
            $(document).ready(function() {
   
                $("#demo").css({
   
                    "width": "100px",
                    "height": "100px",
                    "background-color": "red"
                });
            });
        </script>

• class选择器

<script type="text/javascript">
            $(document).ready(function() {
   
                $(".demo").css({
   
                    "width": "100px",
                    "height": "100px",
                    "background-color": "red"