您的位置:首页 > Web前端 > JQuery

JQuery基础(一)样式篇

2017-10-06 13:18 197 查看

初识jQuery

1-1:什么是JQuery?

jQuery是一个JavaScript框架,它兼容css3,还兼容各种浏览器。


1-2:引入和对象的获取 jQuery基础 (一)—样式篇

引入:<script src="../js/jquery-1.11.0.js" type="text/javascript"></script>

对象获取:jQuery(选择器)或$(选择器)   var $demoId=$("#demoId");


1-3:JQuery对象和dom对象之间的转换

dom对象转成JQuery对象:

var $jquery=JQuery(dom对象);

Jquery对象转成dom对象:

方式1. var div = $div[0] //转化成DOM对象

方式2.var div=$div.get(0)//转化成DOM对象


JQuery选择器

2-1:JQuery选择器之id选择器:

获取:$("#id");
注意:id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的.


2-2:JQuery选择器之类选择器:

获取:$( ".class" )
类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: