美文网首页
jQuery选择器_Dom操作_样式_事件处理

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

作者: 邵志远 | 来源:发表于2017-05-08 18:32 被阅读0次

    库和框架的区别?

    库是一个数据仓库,里面放了各种可以利用的API,由于库的内部已经做了各种底层的封装和各种兼容实现,因此可以调用提供的API接口来实现我们需要的功能,而不需要复杂的代码和加工,因此使代码得到优化,效率提高
    框架相当于一个模板,用来搭建一个项目的最基层的部分,框架内部可以根据不同项目的需要填入不同的内容。

    jquery 能做什么?

    1.方便快捷获取DOM元素
    2.动态修改页面样式
    3.动态改变DOM内容
    4.响应用户的交互操作
    5.为页面添加动态效果
    6.统一Ajax操作
    7.简化常见的JavaScript任务。

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

    1. jquery 对象是类数组,DOM 原生对象就是普通的对象
      2.jquery对象只能用jquery属性和方法,DOM 原生对象只能用js属性和方法
      jquery→js:$("#btn")→$("#btn")[0]
      js→jquery:btn→$('btn')

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

    bind:JQuery扫描文档找出所有的$(‘a’)元素,并把函数绑定到每个元素的click事件上。
    $("a").bind('click',function (e){ console.log(e) })
    unbind:接触绑定的事件
    $("a").unbind('click',function (e){ console.log(e) })
    delegate:指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
    使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。
    $(selector).delegate(childSelector,event,data,function)
    live:live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
    通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。
    $(selector).live(event,data,function)
    on:为指定的元素添加一个或多个事件,并规定当这些事件发生时运行的函数。
    $(selector).on(event,childSelector,data,function,map)
    off:解除on绑定的事件,(可以通过命名空间来解除特定的事件例如“click.active”)
    $(selector).off(event,selector,function(eventObj),map)
    推荐使用on、off,功能最强大最方便。
    on代理事件写法:
    $("#box").on("click","li",function(e){ console.log(e) })

    jquery 如何展示/隐藏元素?

    $(selector).hide(speed,callback)
    $(selector).show(speed,callback)
    可选的 speed 参数规定隐藏/显示的速度,可以取"slow"、"fast" 或毫秒。
    可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

    jquery 动画如何使用?

    语法:
    $(selector).animate({params},speed,callback);
    必需的 params 参数定义形成动画的 CSS 属性。
    可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
    可选的 callback 参数是动画完成后所执行的函数名称。
    例:
    $("button").click(function(){ $("div").animate({left:'250px'}); });

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

    $("#btn").html();
    $("#btn").text();

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

    1.如何设置和获取表单用户输入或者选择的内容?
    $("input").val();
    2.如何设置和获取元素属性?
    如果传入属性名称,则获取元素该属性的值;如果同传入属性名称和新的属性值,则可以将该属性设置为指定值。例如:
    $('#img').attr('src') //获取id为img的元素的src属性的值
    $('#img').attr('src','www.baidu.com/img/bd_logo1.png')

    题目9:

    https://shaozhiyuan.github.io/blog/%E5%AF%BC%E8%88%AA%E6%A0%8F

    题目10:

    https://shaozhiyuan.github.io/blog/%E9%A2%98%E7%9B%AE10

    题目11:

    https://shaozhiyuan.github.io/blog/%E8%BF%9B%E9%98%B614%E9%A2%98%E7%9B%AE11

    相关文章

      网友评论

          本文标题:jQuery选择器_Dom操作_样式_事件处理

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