一、写出以下功能对应的 Jq 方法:
-
给元素 $node 添加 class 'active',给元素 $noed 删除 class 'active'
$node.addClass('active'); $node.removeClass('active');
-
展示元素$node, 隐藏元素$node
$node.show(); $node.hide();
-
获取元素$node 的 属性: id、src、title, 修改以上属性
<img src="1.png" id="bg">; <script> var $node=$('img'); $node.attr('id'); // bg $node.attr('src'); //1.png $node.attr('title','背景图'); //<img src="1.png" id="bg" title="背景图">; </script>
-
给$node 添加自定义属性data-src
$node.attr('data-src')
-
在$ct 内部最开头添加元素$node
$ct.prepend($node);
-
在$ct 内部最末尾添加元素$node
$ct.append($node);
-
删除$node
$('body').remove($node);
-
把$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); //返回元素的高度(包括内边距、边框和外边距)
-
获取窗口滚动条垂直滚动距离
$('body').height();
-
获取$node 到根节点水平、垂直偏移距离
$node.offset();
-
修改$node 的样式,字体颜色设置红色,字体大小设置14px
$node.css({ "color": "red", "font-size": "14px" });
-
遍历节点,把每个节点里面的文本内容重复一遍
$('body').text();
-
从$ct 里查找 class 为 .item的子元素
$ct.find('.item');
-
获取$ct 里面的所有孩子
$ct.children()
-
对于$node,向上找到 class 为’.ct’的父亲,在从该父亲找到’.panel’的孩子
$node.parents('.ct').find('.panel');
-
获取选择元素的数量
$('div').length; //一共有多少个div
-
获取当前元素在兄弟中的排行
$node.index();