任务26

问答

Jquery 中, $(document).ready()是什么意思?和window.onload 的区别? 还有其他什么写法或者替代方法?

  • $(document).ready()是指当DOM已经加载,并且页面内容(包括图像)都呈现出来的时候才触发ready()执行代码。
    *window.onload 是在dom文档树加载完和所有文件加载完之后执行一个函数;也就是说$(document).ready要比window.onload先执行。
  • $(document).ready()还可以写成$(function(){});

$node.html()和$node.text()的区别?

  • $node.html()是指设置或返回所选元素的内容(包括 HTML 标记)。
  • $node.text()是指 设置或返回所选元素的文本内容。

$.extend 的作用和用法?

  • 1、合并(覆盖)对个对象
var obj1={name:"laoli",age:26};
var obj2={sex:"boy",age:28};
console.log($.extend(obj1,obj2) );
输出结果:
Objectage: 28name: "laoli"sex: "boy"__proto__: Object
后者覆盖前者
  • 2、深度嵌套对象
<span style="font-size:18px;"> 
jQuery.extend( { name: “John”, location: { city: “Boston” } },
 { last: “Resig”, location: { state: “MA” } } ); 
// 结果: // => { name: “John”, last: “Resig”, location: { state: “MA” } }
 // 新的更深入的:
 .extend() jQuery.extend( true, { name: “John”, location: { city: “Boston” } }, { last: “Resig”, location: { state: “MA” } } ); 
// 结果 // => { name: “John”, last: “Resig”, // location: { city: “Boston”, state: “MA” } } </span> 
  • 3、给jquery添加静态方法
<html>
 <head>
 <title></title>
 </head> 
<body> 
<script type="text/javascript" src="jquery.2.0.3.js"></script> 
<script type="text/javascript">
 $.extend({ add:function(a,b){return a+b;}, 
minus:function(a,b){return a-b}, 
multiply:function(a,b){return a*b;}, 
divide:function(a,b){return Math.floor(a/b);}
 }); 
var sum = $.add(3,5)+$.minus(3,5)+$.multiply(3,5)+$.divide(5,7); 
console.log(sum); 
</script>
 </body>
 </html>

JQuery 的链式调用是什么?

jQuery的链式调用是指在书写的时候可以把方法写在一起而不需要分开单独书写。例如:

 myjq.css().css().show().hide();//可以写在一起单独作用

JQuery ajax 中缓存怎样控制?

设置cache属性即可:cache (默认:true, dataType为"script"和"jsonp"时默认为false)如果设置为 false ,浏览器将不缓存此页面。注意: 设置cache为 false将在 HEAD和GET请求中正常工作。它的工作原理是在GET请求参数中附加"_={timestamp}"

jquery 中 data 函数的作用?

  • 作用:data() 方法向被选元素附加数据,或者从被选元素获取数据。
    通过data()函数存取的数据都是临时数据,一旦页面刷新,之前存放的数据都将不复存在。该函数属于jQuery对象(实例)。如果需要移除通过data()函数存放的数据,请使用 removeData() 函数。
  • jquery data的使用方式:
    1、获取附加的data的值
$(selector).data(name)
//参数说明:
//name:可选。规定要取回的数据的名称。
//如果没有规定名称,则该方法将以对象的形式从元素中返回所有存储的数据。

2、用name和value为对象附加数据

$(selector).data(name,value)
//参数说明:
//selector:为需要附加或者获取数据的对象。
//name:参数为数据的名称。
//value:参数为数据的值。

3、使用对象向元素附加数据
使用带有名称/值对的对象向被选元素添加数据。
除了以提供 name 和 value 的方式进行赋值,我们还可以直接传入另一个对象( “another” )作为参数。这种情况下,“another” 的属性名称和属性值将被视为多个键值对,从中提取的 “name” 和 “value” 都会被复制到目标对象的缓存中。

$(selector).data(object)
//参数说明:
//object:必需。规定包含名称/值对的对象。

代码

代码一

  • 给元素 $node 添加 class active,给元素 $noed 删除 class active
$node.addClass('active');//添加class
$node.removeClass('active');//删除class
  • 展示元素$node, 隐藏元素$node
$node.show();//展示node
$node.hide();//隐藏node
  • 获取元素$node 的 属性: id、src、title, 修改以上属性
获取:
$('div').attr("class","box");
//[div#btn.box]
$('div').attr("id","btn");
//[div#btn.box]
$('div').attr("src","");
//[div#btn.box]
$('div').attr("src","http:www.xxx.com");
//[div#btn.box]
设置:
$('div').attr("class","ctn");
//[div#btn.ctn]
$('div').attr("id","ctn");
//[div#ctn.ctn]
$('div').attr("src","http:www.yyy.com");
//[div#ctn.ctn]
  • 给$node 添加自定义属性data-src
$node.attr("data-src","cccc");
  • 在$ct 内部最开头添加元素$node
$('.ct').prepend('<li>nihao</li>');
  • 在$ct 内部最末尾添加元素$node
$('.ct').append('<li>nihao</li>');
  • 删除$node
$node.remove();
  • 把$ct里内容清空
$ct.empty();
  • 在$ct 里设置 html <div class="btn"></div>
$ct.html('<div class="btn"></div>');
  • 获取、设置$node 的宽度、高度(分别不包括内边距、包括内边距、包括边框、包括外边距)
获取:
$node.width();
$node.height();
设置:
$node.width(500);``
$node.height(300);
  • 获取窗口滚动条垂直滚动距离
$(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, parents('.ct').find('.panel');
  • 获取选择元素的数量
$node.length();
  • 获取当前元素在兄弟中的排行
$node.index();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 151,511评论 1 330
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 64,495评论 1 273
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 101,595评论 0 225
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 42,558评论 0 190
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 50,715评论 3 270
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 39,672评论 1 192
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,112评论 2 291
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 29,837评论 0 181
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,417评论 0 228
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 29,928评论 2 232
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,316评论 1 242
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 27,773评论 2 234
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,253评论 3 220
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,827评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,440评论 0 180
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 34,523评论 2 249
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 34,583评论 2 249

推荐阅读更多精彩内容

  • 问答 1、 Jquery 中, $(document).ready()是什么意思?和window.onload 的...
    饥人谷_小敏阅读 199评论 0 0
  • 问答 1.Jquery 中, $(document).ready()是什么意思?和window.onload 的区...
    鸿鹄飞天阅读 383评论 0 1
  • 1.Jquery 中, $(document).ready()是什么意思?和window.onload 的区别? ...
    GarenWang阅读 319评论 0 0
  • 受伤是因为你迫切的需要成长,我想这一年我一定成长了不少。 因为上一刻还狼狈地趴在地上爬不起来,现在已经可以安静地坐...
    秦子木222阅读 101评论 0 1
  • 你当然不愿说婀娜多姿 这个词 你当然不关心今天下不下雨 你当然不介意 还有几分情愫悬于心际 你是否确定 自己已入得...
    彭先生10阅读 374评论 1 1