首页
学习
活动
专区
圈层
工具
发布

前端开发面试题答案(四)

* jquery.extend 为jquery类添加类方法,可以理解为添加静态方法 * jquery.fn.extend: 源码中jquery.fn= jquery.prototype,所以对jquery.fn...的扩展,就是为jquery类添加成员函数 使用: jquery.extend扩展,需要通过jquery类来调用,而jquery.fn.extend扩展,所有jquery实例都可以直接调用。...提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等 38、jquery 中如何将数组转化为json字符串,然后再转化回来?...*基于Class的选择性的性能相对于Id选择器开销很大,因为需遍历所有DOM元素。 *频繁操作的DOM,先缓存起来再操作。用Jquery的链式调用更好。...'browser' : 'node'; 通过判断Global对象是否为window,如果不为window,当前脚本没有运行在浏览器中 41、jQuery 的 slideUp动画 ,如果目标元素是被外部事件驱动

3.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery 快速入门教程

    元素 // 多个选择器之间没有空格,将匹配同时满足这些选择器条件的元素 $("p#uid"); // 选择id属性为"uid"的p元素 $("div.foo"); // 选择所有带有CSS类名"foo...如果指定的选择器没有匹配到任何元素,将返回一个空的jQuery对象(不包含任何DOM元素)。...同样的,如果筛选结果没有匹配任何DOM元素,则返回一个空的jQuery对象。...DOM元素和jQuery对象的相互转换 在前面我们已经知道如何将DOM元素转换为jQuery对象,以使用jQuery对象的方法对DOM元素进行操作。...有些时候,我们也可能需要将jQuery对象转换DOM元素。 在此之前,我们应该先了解jQuery对象所包含的DOM元素是存储在什么属性中的。 实际上jQuery对象是一个类数组对象。

    15.2K30

    JS的面试题(一)

    创建了一个空对象 将函数中的this指向这个对象 空对象的__proto__指向函数的prototype 返回这个对象 7.对象访问属性的过程 先访问自身,如果没有则通过__proto__指向...= {z:3} Object.setPrototypeOf(a,b) //a的__proto__指向b 21.封装一个dom元素方法,实现ele.width(200),结果为ele宽为200px;...(“div”)[0] 一个是dom元素一个是jquery元素 48、将当前点击元素的文字大小设置为20px,兄弟元素文字大小设置为16px,父元素增加class abc,将父元素的兄弟元素删除class...abc ,父元素的兄弟元素中第一个子元素文字设置为红色,最后一个子元素文字设置为蓝色,父元素的下一个元素逐渐消失之后,在父元素后面增加一个class为newDom的div $(this).click...、如何解决项目中已经存在的js类库中 与jQuery中 的冲突?

    1K10

    从零开始学 Web 之 jQuery(一)jQuery的概念,页面加载事件

    jQuery 就是一个 JavaScript 函数库,没有什么特别的。里面封装了一大堆的方法方便我们的开发,其实就是一个加强版的 common.js。...三、jQuery对象和DOM对象互转 注意:通过 DOM 方式和 jQuery 方法获取的同一个元素,不是相同的对象。...因为有一些兼容或功能没有封装在 jQuery 里面,必须通过原生 js 操作,所以需要 jQuery对象转DOM对象。当这一步操作完之后,再次转回 jQuery 对象,可以更方便的操作页面元素。...的方方式绑定事件没有 on 2、className 是DOM对象的方法,jQuery不能调用。...3、hasClass 是否有某个类;removeClass 移除某个类;addClass 增加一个类。

    2.2K40

    06-老马jQuery教程-jQuery高级

    意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。...对象的集合 get(index) $('p').get(1); 返回第2个dom对象,索引从0开始 toArray() $('p').toArray(); 把jQuery集合中所有DOM元素恢复成一个数组...n + 1 : null; }); // 结果: // [2, 3] // 原数组中每个元素扩展为一个包含其本身和其值加 1 的数组,并转换为一个新数组。...第一个参数为当前元素,第二个参数而元素索引值。...如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。

    2.7K90

    定义一个方法,功能是找出一个数组中第一个只重复出现2次的元素,没有则返回null。例如:数组元素为 ,重复两次的元素为4和2,但是元素4排在2的前面,则结果返回

    定义一个方法,功能是找出一个数组中第一个只重复出现2次的元素,没有则返回null。...例如:数组元素为 [1,3,4,2,6,3,4,2,3],重复两次的元素为4和2,但是元素4排在2的前面,则结果返回4。...如果已存在,我们将该元素的计数加1;否则,我们将该元素添加到m中,并将计数设置为1。 循环完成后,我们得到一个映射表m,其中包含了每个元素及其在数组中出现的次数。...我们使用另一个循环遍历m的所有键(元素),并检查对应的值(出现次数)。如果某个元素的出现次数为2,我们将该元素的值赋给value,然后跳出循环。...这个方法的实现充分利用了LinkedHashMap的特性来保持元素的插入顺序,从而使我们能够找到符合条件的第一个元素。如果数组中不存在符合条件的元素,value将保持为0,表示未找到。

    2.7K10

    前端开发中不可忽视的知识点汇总(二)

    (1) 创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点...) getElementById() //通过元素Id,唯一性 40. jquery中如何将数组转化为json字符串,然后再转化回来?...jQuery中没有提供这个功能,所以你需要先编写两个jQuery的扩展: $.fn.stringifyArray = function(array) { return JSON.stringify...jquery.extend 为jquery类添加类方法,可以理解为添加静态方法 jquery.fn.extend: 源码中jquery.fn = jquery.prototype,所以对jquery.fn...的扩展,就是为jquery类添加成员函数 使用:jquery.extend扩展,需要通过jquery类来调用,而jquery.fn.extend扩展,所有jquery实例都可以直接调用。

    2.3K40

    最常见的 20 个 jQuery 面试问题及答案

    你是如何将一个 HTML 元素添加到 DOM 树中的?(答案如下)   你可以用 jQuery 方法 appendTo() 将一个 HTML 元素添加到 DOM 树中。...这是 jQuery 提供的众多操控 DOM 的方法中的一个。你可以通过 appendTo() 方法在指定的 DOM 元素末尾添加一个现存的元素或者一个新的 HTML 元素。   10....你也还可以看看 用来向DOM中添加元素的 appendTo() 方法.   15. 你如何利用jQuery来向一个元素中添加和移除CSS类?...你是如何将一个 HTML 元素添加到 DOM 树中的?(答案如下)   你可以用 jQuery 方法 appendTo() 将一个 HTML 元素添加到 DOM 树中。...你也还可以看看 用来向DOM中添加元素的 appendTo() 方法.   15. 你如何利用jQuery来向一个元素中添加和移除CSS类?

    15.3K30

    jQuery_T2_DOM操作

    DOM操作的内容 jQuery的DOM DOM转jQuery对象  DOM样式添加 jQuery元素属性设置 toggle切换 ​编辑html()与text()区别 DOM添加图片 纯dom添加元素 克隆元素...jQuery的DOM 使用 jQuery 选择器选择页面中的元素,是为了生成 jQuery 对象,jQuery 对象具有特有的方法和属性,完全能够实现传统 DOM 对象的所有功能 使用jQuery操作元素...DOM转jQuery对象  jQuery 对象转换成 DOM 对象 使用 jQuery 中的 get() 方法,其语法结构为:get([index]) 如果get()方法不带参数,get()方法会返回所有匹配元素的...DOM对象,并将它们包含在一个数组中 DOM 对象转换成 jQuery 对象 对于一个 DOM 对象,只需要用 () 将它包装起来就可以获得对应的 jQuery 对象,其语法结构为:(DOM 对象 )...元素属性设置 设置单个属性: jQuery 对象.css(name,value);  //其中name为样式名称,value为样式的值 同时设置多个属性: jQuery 对象.css({name:value

    8.5K20

    jQuery笔记(1) (多图)

    DOM操作 支持插件扩展开发,有着丰富的第三方插件,例如:树形菜单,日期控件,轮播图等....中的window.把元素利用包装成jQuery对象,就可以调用jQuery的方法. jQuery对象和DOM对象 用原生的开始获取的对象就是DOM对象 jQuery方法获取的元素就是jQuery对象...因为原生JS比jQuery大,原生的一些属性和方法jQuery没有给我们封装,想要使用这些属性和方法需要把jQuery对象转换成DOM对象才能使用....让下拉菜单显示的方法 鼠标离开后ul继续隐藏 siblings(selector) 查找所有的兄弟元素 eq(index) 根据索引选择元素 但是更推荐下面这种,如果index为变量时方便修改...'类名'); 切换类 $('div').toggleClass('类名'); 如果有这个类,就删除掉,如果没有就添加 加个过渡更好看 这次我们再用jQuery的方法做一次之前的淘宝tab栏切换案例

    9.9K10

    06-老马jQuery教程-jQuery高级

    意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。...对象的集合 get(index) $('p').get(1); 返回第2个dom对象,索引从0开始 toArray() $('p').toArray(); 把jQuery集合中所有DOM元素恢复成一个数组...callback:为每个数组元素调用,而且会给这个转换函数传递一个表示被转换的元素作为参数。函数可返回任何值。 示例 // 将原数组中每个元素加 4 转换为一个新数组。...n + 1 : null; }); // 结果: // [2, 3] // 原数组中每个元素扩展为一个包含其本身和其值加 1 的数组,并转换为一个新数组。...如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。

    2.3K00

    前端面试宝典 v1

    怎么实例化这个类 严格来讲js中并没有类的概念,不过js中的函数可以作为构造函数来使用,通过new来实例化,其实函数本身也是一个对象。 48、JavaScript中的作用域与变量声明提升?...*jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 *jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。...提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等 85、jquery 中如何将数组转化为json字符串,然后再转化回来?...jQuery中没有提供这个功能,所以你需要先编写两个jQuery的扩展: $.fn.stringifyArray = function(array) { return JSON.stringify...如果一个对象的引用数量为 0(没有其他对象引用过该对象),或对该对象的惟一引用是循环的,那么该对象的内存即可回收。 setTimeout 的第一个参数使用字符串而非函数的话,会引发内存泄漏。

    3.2K41

    jquery第一次课的案例教程

    体验jquery的使用 /* * 1. 查找元素的方法多种多样,非常灵活 * 2. 拥有隐式迭代特性,因此不再需要手写for循环了。 * 3. 完全没有兼容性问题。 * 4....jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。...基本选择器 名称 用法 描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.class”); 获取同一类class的元素 标签选择器 $(“div”); 获取同一类标签的所有元素....切换一个类 有就删除没有就添加*/ $('li').toggleClass('now'); /*4.匹配一个类 判断是否包含某个类 如果包含返回true否知返回false*/...作用:遍历jQuery对象集合,为每个匹配的元素执行一个函数 // 参数一表示当前元素在所有匹配元素中的索引号 // 参数二表示当前元素(DOM对象) $(selector).each

    90010

    为什么要学jquery

    选择器 jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。...基本选择器 名称 用法 描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.class”); 获取同一类class的元素 标签选择器 $(“div”); 获取同一类标签的所有元素.../*1.添加一个类*/ $('li').addClass('now'); /*2.删除一个类*/ $('li').removeClass('now'); /*3.切换一个类...有就删除没有就添加*/ $('li').toggleClass('now'); /*4.匹配一个类 判断是否包含某个类 如果包含返回true否知返回false*/ $('...作用:遍历jQuery对象集合,为每个匹配的元素执行一个函数 // 参数一表示当前元素在所有匹配元素中的索引号 // 参数二表示当前元素(DOM对象) $(selector).each(

    1.6K10

    jquery对象和dom对象的相互转换

    1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对 象(集合对象),不能直接调用dom...a:b; }  });   //为jquery扩展了min,max两个方法 使用扩展的方法(通过“$.方法名”调用): alert("a=10,b=20,max="+$.max(10,20)+",min...当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over,离开时置为out。...Name:name, Value:John Name:lang, Value:JS $.extend(target,prop1,propN):用一个或多个其他对 象来扩展一个对象,返回这个被扩展的对象..." 12、解决自定义方法或其他类库与jQuery的冲突 很多时候我们自己定义了$(id)方法来获取一个元素,或者其他的一些js类库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引

    4.5K40
    领券