码迷,mamicode.com
首页 > Web开发 > 详细

小白学jQuery

时间:2019-02-15 13:47:27      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:object   等价   obj   rip   dom   小白   操作   写法   col   

一、什么是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>

 

小白学jQuery

标签:object   等价   obj   rip   dom   小白   操作   写法   col   

原文地址:https://www.cnblogs.com/kinoko-1009/p/10382912.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!