美文网首页
jQuery学习

jQuery学习

作者: 小酷哥 | 来源:发表于2017-06-07 16:06 被阅读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.选择器分类?

    基础选择器

    1. $("*") : 所有元素
    2. $(".xx") : 类选择器 (class="xx")
    3. $("#xx"): id选择器 (id="xx")
    4. $("div") : 元素选择器
      属性选择器
      1)$("[href]") 选取所有带有 href 属性的元素。
    5. $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
    6. $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
    7. $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
      其他选择器
    8. $("p,div") : 多项选择器(用,分开)
    9. $("p.a") : 组合选择器
    10. $("p a") : 层级选择器
    • 4.事件监听?
    1. $(document).ready(function) : 文档加载完成
    2. $(sel).click(function) : 点击事件
    3. $(sel).dbclick(function) : 双击事件
    4. $(sel).focus(function) : 焦点事件
    5. $(sel).mouseover(function) : 鼠标悬停事件

    相关文章

      网友评论

          本文标题:jQuery学习

          本文链接:https://www.haomeiwen.com/subject/mgoofxtx.html