- ** jQuery 中, $(document).ready()是什么意思?**
当DOM准备就绪时,指定一个函数来执行。
-
$node.html()和$node.text()的区别?
$node.html()返回的是匹配元素的html内容
$node.text()返回的是文本内容,是匹配元素的每个后代元素的合并文本
- **$.extend 的作用和用法? **
$.extend的作用是将两个或更多对象的内容合并到第一个对象。
$.extend([deep], target [, object1 ] [, objectN ] )
target对象是被修改的对象,并且将通过$.extend()返回。如果我们想保留原对象,我们可以通过传递一个空对象作为target
deep参数:extend默认是空,意思是不是递归。如果该参数是true,合并时递归(深拷贝),该参数不能为false。
- ** jQuery 的链式调用是什么?**
使用jQuery方法时,对象方法返回的是对象本身,可以调用对此对象的其他jQuery方法,实现连续调用多个方法
- ** jQuery 中 data 函数的作用**
.data() 方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险。
$("body").data("foo", 52);
$("body").data("bar", { myType: "test", count: 40 });
$("body").data({ baz: [ 1, 2, 3 ] });
$("body").data("foo"); //52
$("body").data(); //{ foo: 52, bar: { myType: "test", count: 40 }, baz: [ 1, 2, 3 ] }
- 写出以下功能对应的 jQuery 方法:
给元素 $node 添加 class active,给元素 $node 删除 class active
$node.addClass('active')
$node.removeClass('active')
------------
展示元素$node, 隐藏元素$node
$node.show()
$node.hide()
----------
获取元素$node 的 属性: id、src、title, 修改以上属性
$node.attr('id');
$node.attr('src');
$node.attr('title');
$node.attr({
id : 'value' ,
src : 'value',
title : 'value'
});
------
给$node 添加自定义属性data-src
$node.attr(data-src , 'value' )
--------
在$ct 内部最开头添加元素$node
$ct.prepend($node)
$node.prependTo($ct)
------
在$ct 内部最末尾添加元素$node
$ct.append($node)
$node.appendTo($ct)
------
删除$node
$node.remove()
------
把$ct里内容清空
$ct.empty()
------
在$ct 里设置 html <div class="btn"></div>
$ct.html('<div class="btn"></div>')
-------
获取、设置$node 的宽度、高度(分别不包括内边距、包括内边距、包括边框、包括外边距)
$node.width()
$node.height()
$node.innerWidth() //包括内边距
$node.innerHeight() //包括内边距
$node.outerWidth() //包括边框
$node.outerHeight() //包括边框
$node.outerWidth(true) //包括外边距
$node.outerHeight(true) //包括外边距
------
获取窗口滚动条垂直滚动距离
$(window).scrollTop()
------
获取$node 到根节点水平、垂直偏移距离
$node.offset().left
$node.offset().top
------
修改$node 的样式,字体颜色设置红色,字体大小设置14px
$node.css({color : red ; font-size : 14px;})
------
遍历节点,把每个节点里面的文本内容重复一遍
$node.each(function(){$(this).text())
------
从$ct 里查找 class 为 .item的子元素
$ct.children('.item')
------
获取$ct 里面的所有孩子
$ct.children()
------
对于$node,向上找到 class 为'.ct'的父亲,在从该父亲找到'.panel'的孩子
$node.parent('.ct').children('.panel')
------
获取选择元素的数量
$node.length
------
获取当前元素在兄弟中的排行
$node.index()
题目7