基础知识

1、DOM和jQuery对象相互转换的方法  

 var obox=document.getElementById('box');  

 var obox=document.querySelector('.case');        obox=$('#box');  document.write($('#box'));   document.write(obox);

2、body中的onload()函数和jQuery中的document.ready()有什么区别?           document.ready()和传统的方法 有什么区别?      

        onload()的方法是在页面加载完成后才发生,这包括DOM元素和其他页面元素(例如图片,视频,音频)的加载,因此,使用document.ready()方法的执行速度比onload()的方法要快。  $(document).ready()是文档结构已经加载完成(不包含图片等非文字媒体文件),不必等到所有的加载完毕。 $(document).ready(function(){});

3、使用jQuery给div添加蓝色背景  

 $('#box').css('background','blue');

4、如何利用jQuery来向一个元素中添加和移除CSS类  obox.classList.remove('case');//移除css类  $('.case').remove('.case');  obox.classList.add('case1');//添加css类  $('.case').addClass('case1');  $('.case').toggleClass('case1');//点击切换类名  document.write($('div').hasClass('case'));  //hasClass()判断某个元素是否已经被赋予某个CSS类

5、举例5个数组对象的函数,5个字符串对象的函数? 作用?(非jQuery)

6、样式优先级 权重(CSS)      样式优先级 权重(CSS)  内部样式  外部样式  行内样式也叫内联样式  行内样式  权重为1000  内外部样式表权重跟书写顺序有关  写在下面的优先级高

7、jquery如何获取所有选中特定值的单选框和复选框    $(function() {$("input[type='button']").click(function() {  alert($("input[type='checkbox']:checked").length);  alert($("input[type='radio']:checked").length);});  })

13、你是如何将一个 HTML 元素添加到 DOM 树中的?  $('123').appendTo('#case');  把所有匹配的元素追加到指定元素的元素集合中。--加入内容  $('#case').append('1234');  向每个匹配的元素内部追 加内容

14、JavaScript window.onload 事件和 jQuery ready 函数有何不同?  JavaScript window.onload 事件和 jQuery ready 函数之间的主要区别是,前者除了要等待 DOM 被创建还要等到包括大型图片、音频、视频在内的所有外部资源都完全加载。如果加载图片和媒体内容花费了大量时间,用户就会感受到定义在 window.onload 事件上的代码在执行时有明显的延迟。  另一方面,jQuery ready() 函数只需对 DOM 树的等待,而无需对图像或外部资源加载的等待,从而执行起来更快。使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它,浏览器会按它们在 HTML 页面里出现的顺序执行它们,相反对于 onload 技术而言,只能在单一函数里使用。鉴于这个好处,用 jQuery ready() 函数比用 JavaScript window.onload 事件要更好些。

15、$(document).ready() 是个什么函数?为什么要用它?    ready() 函数用于在文档进入ready状态时执行代码。当DOM 完全加载(例如HTML被完全解析DOM树构建完成时),jQuery允许你执行代码。使用$(document).ready()的最大好处在于它适用于所有浏览器,jQuery帮你解决了跨浏览器的难题。  $(function(){});等同于$(document).ready(function(){//document可省略})

16、each() 方法为每个匹配元素规定要运行的函数。document.onclick = function(){$('li').each(function() {$(this).css('list-style', 'none');});}}上下左右

17、:selected 匹配所有选中的option元素    查找所有选中的选项元素花已选中树$("select option:selected").hide();//隐藏选中选项

$("form input:checked").hide();//隐藏勾选项

18、$(this) 和 this 关键字在 jQuery 中有何不同?    $(this) 返回一个 jQuery 对象,你可以对它调用多个 jQuery 方法,比如用 text() 获取文本,用val() 获取值等等。而 this 代表当前元素,它是 JavaScript 关键词中的一个,表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法,直到它被 $() 函数包裹,例如 $(this)。

19、jQuery 库中的 $() 是什么?    $() 函数是 jQuery() 函数的别称,函数用于将任何对象包裹成 jQuery 对象,接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串传入 $() 函数,它会返回一个包含所有匹配的 DOM 元素数组的 jQuery 对象。20、网页上有 5 个元素,如何使用 jQuery来选择它们?    jQuery 支持不同类型的选择器,例如 ID 选择器、class 选择器、标签选择器。鉴于这个问题没提到 ID 和 class,你可以用标签选择器来选择所有的 div 元素。jQuery 代码:$("div"),这样会返回一个包含所有 5 个 div 标签的 jQuery 对象。

21、jQuery 里的 ID 选择器和 class 选择器有何不同?    id是唯一的,即使有多个id相同的元素,jquery选择器也只能获取其中一个 。所以:想在jquery中对id设置动作,id在页面中只允许出现一次。    CSS找到元素后添加的是单一样式,而jquery添加的是动作行为。

22、如何在点击一个按钮时使用 jQuery 隐藏/显示一个图片?

$('input').click(function(){$('img').hide();    });

$('input').click(function(){$('img').show();    });

$('input').click(function(){$('img').toggle();    });

23、你如何使用jQuery设置一个属性值?    attr() 获取匹配的元素集合中的第一个元素的属性的值  或 设置每一个匹配元素的一个或多个属性。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容