小白学jQuery

Posted 2021-02-09 kinoko-1009

一、什么是jQuery?

jQuery是js的类库；

jQuery虽然是对js功能的封装，但不能实现所有的js功能，即用jq实现的功能一定能用js实现，但能用js实现的功能不一定能用jq实现。

二，jq的好处：

1.代码简洁；

2.兼容性好。

三、jq选择器：

$<=>jQuery

$()返回的是object对象；

$() 等价于 jQuery();

注意：jq获取的元素不能用DOM方法操作，DOM获取的对象不能用jq方法操作。

1.基本选择器：

<!-- 引入jq文件 -->
<script src = "../tool/jquery-1.11.3.min.js"></script>
<script>
    //id选择器：
    //写法：$(‘#id名‘).css(‘样式‘，‘值‘); 或 $(‘#id名‘).css({‘样式‘:‘值‘,‘样式‘:‘值‘,‘样式‘:‘值‘....});
   //$(‘#one‘).css("color","red");
     $(‘#one‘).css({"color":"red","font-size":"24px"});
     //class选择器：
     //写法：$(‘.class名‘).css(‘样式‘，‘值‘); 或 $(‘.class名‘).css({‘样式‘:‘值‘,‘样式‘:‘值‘,‘样式‘:‘值‘....});
     // $(‘.two‘).css(‘color‘,"blue");  
     $(‘.two‘).css({‘background‘:‘yellow‘,‘color‘:‘blue‘});
     //元素选择器：
     //写法：$(‘元素名‘).css(‘样式‘，‘值‘); 或 $(‘元素名‘).css({‘样式‘:‘值‘,‘样式‘:‘值‘,‘样式‘:‘值‘....});
     $(‘div‘).css(‘color‘,"orange");
</script>