饥人谷技术博客

jQuery动画与ajax

2017-03-27  本文已影响19人  饥人谷_张世钧

题目1: jQuery 中, $(document).ready()是什么意思?
$(document).ready()是在DOM绘制完毕就可以执行,不用等到所有元素加载完才能执行,就像window.onload一样
题目2:$node.html()$node.text()的区别?
$node.html()是获取元素的html内容,含有html结构
$node.text()是获取元素的文本内容,没有html结构,纯文本
题目3: $.extend 的作用和用法?
将两个或更多对象的内容合并到第一个对象.并且可以深拷贝.
代码
题目4: jQuery 的链式调用是什么?
因为每一步jQuery操作返回的都是一个jQuery对象,所以我们可以对它进行一系列的操作,并且所有操作可以连接在一起以链条的形式写出来。
题目5: jQuery 中 data 函数的作用
可以向元素附加数据,以 .data(key,value)或.data(obj) 的形式
也可以从元素上读取数据,以.data(key)或者.data()的形式。
题目6:写出以下功能对应的 jQuery 方法:
给元素 $node 添加 class active,给元素 $noed 删除 class active
$('.node').addClass("active")
$('.node').removeClass("active")
展示元素$node, 隐藏元素$node
$('.node').hide()
$('.node').show()
获取元素$node 的 属性: id、src、title, 修改以上属性
$('.node').attr('id')
$('.node').attr('id','修改的值')
$('.node').attr('src')
$('.node').attr('src','修改的值')
$('.node').attr('title')
$('.node').attr('title','修改的值')
给$node 添加自定义属性data-src
$('.node').data('src',str)
在$ct 内部最开头添加元素$node
$('.ct').prepend(node)
在$ct 内部最末尾添加元素$node
$('.ct').append(node)
删除$node
$('.node').remove()
把$ct里内容清空
$('.node').empty()
在$ct 里设置 html <div class="btn"></div>
$('.ct').html('<div class="btn"></div>')
获取、设置$node 的宽度、高度(分别不包括内边距、包括内边距、包括边框、包括外边距)
$('.node').width()
$('.node').innerWidth()
$('.node').outerWidth()
$('.node').outerWidth(true)
$('.node').height()
$('.node').innerHeight()
$('.node').outerHeight()
$('.node').outerHeight(true)
获取窗口滚动条垂直滚动距离
$(window).scrollTop()
获取$node 到根节点水平、垂直偏移距离
$('.node').offset()
修改$node 的样式,字体颜色设置红色,字体大小设置14px
$('.node').css({color:"red","font-size":"14px"})
遍历节点,把每个节点里面的文本内容重复一遍
$('.node').each(function(){ console.log($(this).text()) })
从$ct 里查找 class 为 .item的子元素
$('.ct').find('.item')
获取$ct 里面的所有孩子
$('.ct').children()
对于$node,向上找到 class 为'.ct'的父亲,在从该父亲找到'.panel'的孩子
$('.node').parent('.ct').find('.panel')
获取选择元素的数量
$('.node').length
获取当前元素在兄弟中的排行
$('.node').index()

上一篇下一篇

猜你喜欢

热点阅读