jQuery学习
2017-06-07 本文已影响0人
小酷哥
- 1.jQuery的优势？
对Ajax进行封装，支持css3，丰富的UI.
- 2.jQuery的引入？
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
- 3.选择器分类？
基础选择器
- $("*") : 所有元素
- $(".xx") : 类选择器 （class="xx"）
- $("#xx"): id选择器 （id="xx"）
- $("div") : 元素选择器
属性选择器
1)$("[href]") 选取所有带有 href 属性的元素。 - $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
- $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
- $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
其他选择器 - $("p,div") : 多项选择器（用,分开）
- $("p.a") : 组合选择器
- $("p a") : 层级选择器
- 4.事件监听？
- $(document).ready(function) : 文档加载完成
- $(sel).click(function) : 点击事件
- $(sel).dbclick(function) : 双击事件
- $(sel).focus(function) : 焦点事件
- $(sel).mouseover(function) : 鼠标悬停事件
