美文网首页
关于jquery的一些总结2

关于jquery的一些总结2

作者: 谢环志 | 来源:发表于2016-09-26 19:34 被阅读0次
    • Jquery 中, $(document).ready()是什么意思?和window.onload 的区别? 还有其他什么写法或者替代方法?
      答:
      1.$(document).ready()表示DOM加载完成之后就可以对DOM进行操作。
      2.window.onload表示在文档加载完成之后就可以对DOM进行操作,包含图片加载信息。

    • $node.html()和$node.text()的区别?
      答:
      1.$node.html():设置或返回所选元素内容(包括元素标记)
      2.$node.text():设置或返回所选元素的文本内容。

    • $.extend 的作用和用法?
      答:
      1.jQuery.extend( target [, object1 ] [, objectN ] )
      当我们提供两个或多个对象给$.extend(),对象的所有属性都添加到目标对象(target参数)。
      目标的第一个参数将被修改,并且通过$.extend()返回,如果想保留原对象则:
      $.extend({},obj1,obj2)
      如果后面提供的对象中有属性相同,则后面属性的值会覆盖前面的属性的值。
      2.jQuery.extend( [deep ], target, object1 [, objectN ] )
      如果deep的值为true,则会发生深拷贝.

    • JQuery 的链式调用是什么?
      答:
      当jQuery的方法的返回值仍为当前对象时可以继续调用该对象的方法,这样就形成一种链式调用。

    • JQuery ajax 中缓存怎样控制?
      答:
      通过cache属性来控制缓存,当设置为false的时候则不会缓存当前页面

    • jquery 中 data 函数的作用
      答:
      在匹配元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值$.data( key, value )
      .data()方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险。

    代码题一

    1.给元素 $node 添加 class active,给元素 $noed 删除 class active。
    添加class:$node.addClass('active')
    删除class:$noed.removeClass('active')

    2.展示元素$node, 隐藏元素$node。
    展示元素:$node.show()
    隐藏元素:$noed.hide()

    3.获取元素$node 的 属性: id、src、title, 修改以上属性获取元素属性:$node.attr(id)、$node.attr(src)、$node.attr(title)
    修改元素属性:$node.attr(id,'tip')、$node.attr(src,'https://baidu.com')、$node.attr(title,"task25")

    4.给$node 添加自定义属性data-src:$node.data('dataSrc',"htttp://baidu.com")

    5.在$ct 内部最开头添加元素$node:$ct.prepend($node)

    6.在$ct 内部最末尾添加元素$node:$ct.append($node)

    7.删除$node:$ct.remove($node)

    8.把$ct里内容清空:$ct.empty()

    9.在$ct 里设置 html:$ct.html(" <<p>p>你好<</p>/p>")

    10.获取、设置$node 的宽度、高度(分别不包括内边距、包括内边距、包括边框、包括外边距)
    不包括内边距:$node.width(value)、$node.height(value)
    包括内边距:$node.innerWidth(value)、$node.innerHeight(value)
    包括边框:$node.outerWidth(value)、
    $node.outerHeight(value)
    包括外边距:$node.outerrWidth(true)、$node.outerHeight(true)

    11.获取窗口滚动条垂直滚动距离:$(document).scrollTop()

    12.获取$node 到根节点水平、垂直偏移距离:$node.offset()

    13.修改$node 的样式,字体颜色设置红色,字体大小设置14px:$node.css({'color':'red','font-size':'14px'})

    14.遍历节点,把每个节点里面的文本内容重复一遍:$node.each(function(){$(this).text().clone().appendto($(this))})

    15.从$ct 里查找 class 为 .item的子元素:$ct.children($('.item'))

    16.获取$ct 里面的所有孩子:$ct.find()

    17.对于$node,向上找到 class 为’.ct’的父亲,在从该父亲找到’.panel’的孩子:$node.parent('.ct').find('.panel')

    18.获取选择元素的数量:$(ele).length

    19.获取当前元素在兄弟中的排行:$(this).index()

    相关文章

      网友评论

          本文标题:关于jquery的一些总结2

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