jQuery选择器_Dom操作_样式_事件处理_动画

jQuery 能做什么?

  • 就其核心特性而言,jQuery能够满足下列需求。
    • 取得文档中的元素。jQuery为准确地获取需要检查或操纵的文档元素,提供了可靠而富有效率的选择符机制。
    • 修改页面的外观。jQeury有较好的浏览器兼容性。
    • 改变文档的内容。可以改变文本、插入或翻转图像、列表重新排序,甚至对HTML文档的整个结构都能重写和扩充——所有这些只需一个简单易用的API。
    • 响应用户的交互操作。jQuery提供了截获形形色色的页面事件(比如用户单击某个链接)的适当方式。
    • 为页面添加动态效果。jQuery中内置的一批淡入、擦除之类的效果,以及制作新效果的工具包,为此提供了便利。
    • 无需刷新页面从服务器获取信息。便利的Ajax函数。
    • 简化常见的JavaScript任务。jQuery也改进了对基本的JavaScript数据结构的操作(例如迭代和数组操作等)。

jQuery 对象和 DOM 原生对象有什么区别?如何转化?

  • <b>Some</b> new text.

  • <b>Some</b> new text.

    1.
    var $tab = $('.tab')
    $tab[0]  // 
      ...
    2. var $tab = $('.tab') $tab.get(0) //
      ...
  • <b>Some</b> new text.

    var tab = document.querySelector('.tab')
    var $tab = $(tab)
    

jQuery中如何绑定事件?bind、unbind、delegate、live、on、off都有什么作用?推荐使用哪种?使用on绑定事件使用事件代理的写法?

  • <b>Some</b> new text.

  • <b>Some</b> new text.

  • <b>Some</b> new text.

  • <b>Some</b> new text.

  • <b>Some</b> new text.

  • <b>Some</b> new text.

  • <b>Some</b> new text.

    $('.class').on('click', function(){...})
    事件代理写法:
    
    • 1
    • 2
    • 2
    • 2
    $('ul').on('click', 'li', function() { var value = $(this).text() $('input').val(value) })

jQuery 如何展示/隐藏元素?

  • 1.给元素换class,来实现隐藏元素,前提是换的class样式定义好了隐藏属性。
  • 2.通过jquery的css方法 / attr方法,设置css属性。
  • 3.通过jquery的show()、hide()方法,设置元素隐藏。
  • 4.通过jquery的toggle()方法,切换 hide() 和 show() 方法。

jQuery 动画如何使用?

  • <b>Some</b> new text.

    Click here
    ![](book.png) // 同时对透明度,左偏移值和高度应用动画: $('#clickme').click(function() { $('#book').animate({ opacity: 0.25, left: '+=50', height: '+=50' }, 5000); });

如何设置和获取元素内部 HTML 内容?如何设置和获取元素内部文本?

  • <b>Some</b> new text.

    Demonstration Box
    // 设置内容 $('div.demo-container') .html('

    <b>Some</b> new text.

    '); // 获取内容 $('div.demo-container') .html('');
  • <b>Some</b> new text.

    <b>Some</b> new text.

如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?

  • val()方法获取匹配的元素集合中第一个元素的当前值或设置匹配的元素集合中每个元素的值。示例:

    
    
    

  • attr()方法获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。示例:

    Once there was a large dinosaur...

使用 jQuery实现二级菜单

使用 jQuery tab切换效果

实现添加图片效果

tab滑动效果

你可能感兴趣的:(jQuery选择器_Dom操作_样式_事件处理_动画)