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

angularJS的DOM操作

angular.element:将DOM元素或者HTML字符串一包装成一个jQuery元素。...find() - 通过一个选择器,jQuery对象,或元素过滤,得到当前匹配的元素集合中每个元素的后代 hasClass()-确定任何一个匹配元素是否有被分配给定的(样式)类 html()-获取集合中第一个匹配元素的...如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素 on() - 在选定的元素上绑定一个或多个事件处理函数 off() - 移除一个事件处理函数 one() - 为元素的事件添加处理函数...()-获取匹配的元素集中第一个元素的属性(property)值 ready()-当DOM准备就绪时,指定一个函数来执行 remove()-将匹配元素集合从DOM中删除。..., 取决于这个样式类是否存在或值切换属性。

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

    前端面试宝典 v1

    ( ) 将数组转换成一个字符串 Array.unshift( ) 在数组头部插入一个元素 Object.hasOwnProperty( ) 检查属性是否被继承 Object.isPrototypeOf...join()用于把数组中的所有元素拼接起来放入一个字符串。所带的参数为分割字符串的分隔符,默认是以逗号分开。归属于Array split()即把字符串分离开,以数组方式存储。...归属于Stringstring slice() 方法可从已有的数组中返回选定的元素。该方法并不会修改数组,而是返回一个子数组。...* 原型链是由一些用来继承和共享属性的对象组成的(有限的)对象链。 * JavaScript的数据对象有那些属性值?   writable:这个属性的值是否可以改。   ...* 当我们需要一个属性的时,Javascript引擎会先看当前对象中是否有这个属性,如果没有的话,就会查找他的Prototype对象是否有这个属性。

    2.8K41

    JSjQuery获取不到动态添加的元素节点的解决方法

    今天写了一个添加图片的功能,要求右上角要有删除按钮,我使用 jQuery 动态添加的方式。...发现后添加的元素无法删除,打印显示 undefined ,原来 JavaScript 和 jQuery 无法获取动态添加的元素节点。...一个选择器字符串,用以过滤选定的元素,该选择器的后裔元素将调用处理程序。如果选择是空或被忽略,当它到达选定的元素,事件总是触发。 data 可选。...作为event.data属性值传递给事件对象的额外数据对象以供事件处理函数处理。 fn 该事件被触发时执行的函数。 false值也可以做一个函数的简写,返回 false 。...).click(function () {         $(this).parent().remove();         console.log($(this))     }) }) 或者简写为:

    7.3K10

    JqueryForm的使用方式

    Options只是一个JavaScript对象,它包含了如下一些属性与值的集合: target 指明页面中由服务器响应进行更新的元素。...元素的值可能被指定为一个jQuery选择器字符串,一个jQuery对象,或者一个DOM元素。 默认值:null。 url 指定提交表单数据的URL。 覆盖表单默认值。...从0.91版起,该方法将总是以数组的形式返回数据。如果元素值被判定可能无效,则数组为空,否则它将包含一个或多于一个的元素值。 可链接(Chainable):不能,该方法返回数组。...该方法将所有的文本(text)输入字段、密码(password)输入字段和文本区域(textarea)字段置空,清除任何select元素中的选定,以及将所有的单选(radio)按钮和多选(checkbox...)按钮重置为非选定状态。

    2.8K20

    前端开发面试题总结之——JAVASCRIPT.One

    当我们需要一个属性时,JavaScript引擎会先看当前对象中是否有这个属性,如果没有的话,就会查找它的prototype对象是否有这个属性,如此递推下去,一致检索到Object内建对象。...hasOwnProperty // JavaScript 中 hasOwnProperty 函数方法是返回一个布尔值,指出一个对象是否具有指定名称的属性。...此方法无法检查该对象的原型链中是否具有该属性;该属性必须是对象本身的一个成员。...是否了解针对 jQuery 性能的优化方法? 基于Class的选择性的性能相对于Id选择器开销很大,因为需遍历所有DOM元素。 // 频繁操作的DOM,先缓存起来再操作。...(阿里) 通过判断 Global 对象是否为 window ,如果不为 window ,当前脚本没有运行在浏览器中 怎样用js实现千位分隔符?

    47510

    jQuery入门前言

    2、jQuery对象与DOM对象: jQuery对象与DOM对象是不一样的,看下面例子: 需求:我们要获取页面上这个id为test的p元素,然后给这个文本节点增加一段文字:“hello world”...image.png 12、表单对象属性筛选选择器: 除了表单元素选择器外,表单对象属性筛选选择器也是专门针对表单元素的选择器,可以附加在其他选择器的后面,主要功能是对所选择的表单元素进行筛选。...$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。...5、元素的数据存储: jQuery提供的存储接口: jQuery.data( element, key, value ) //静态接口,存数据 jQuery.data( element, key...3、closest()方法: 以选定的元素为中心,往内查找可以通过find、children方法。

    3.1K30

    Web前端-JavaScript基础教程上

    Web前端-JavaScript必备知识点 Web前端-JavaScript基础教程 将放入菜单栏中,便于阅读!...null在JavaScript中表示空值,null的typeof运行为字符串object。null为特殊的对象值,含义为非对象。 null类型的唯一一个成语,它表示数字,字符串和对象是“无值”的。...undefined值表示“空值”,表明变量没有初始化,表明属性或元素不存在,返回没有值就为undefined。值为“未定义”,运行typeof时,返回的“undefined”。...优化,优先使用id选择器,jquery如果要使用dom元素,就建议存储一个变量保存使用,使用dom操作的过程非常耗性能。...Jquery.extend 用来扩展 jQuery 对象本身 jquery.fn.extend 用来扩展 jQuery 实例的 如何将数组转换为json字符串,然后换回来?

    2.4K30

    jQuery原理

    下面的示例中应用了三种extend方法: 1.通过类调用或添加静态方法 2.通过对象调用或添加实例方法 2.将两种方法合二为一 jQuery对象 2.字符串 代码片段:会将创建好的DOM元素储存到jQuery对象中返回 选择器:会将所有找的元素存储到...jQuery对象中返回 3.数组 会将数组中的元素依次存入到jQuery对象中返回 4.除上述以外的 会将传入的数据储存到jQuery对象中返回 5.内置静态方法 (1)isString...代码实现 /* 1.传入 '' null undefind NaN 0 false.返回空的jQuery对象 2.字符串 代码片段:会将创建好的DOM元素储存到jQuery对象中返回 选择器:会将所有找的元素存储到...jQuery对象中返回 // 1.根据传入的选择器找到对应的元素 var res = document.querySelectorAll(selector); // 2.将找到的元素添加到

    73310

    jQuery 教程

    (function(){ $(".test").hide(); }); }); JavaScript 之 DOM 对象属性操作 JavaScript 之 DOM 对象属性操作:https:/...返回用户当前使用的浏览器的相关信息 $.contains() 判断另一个DOM元素是否是指定DOM元素的后代 $.each() 遍历指定的对象和数组 $.extend() 将一个或多个对象的内容合并到目标对象...inArray() 在数组中查找指定值并返回它的索引值(如果没有找到,则返回-1) $.isArray() 判断指定参数是否是一个数组 $.isEmptyObject() 检查对象是否为空(不包含任何属性...() 判断指定参数是否是一个窗口 $.isXMLDoc() 判断一个DOM节点是否位于XML文档中,或者其本身就是XML文档 $.makeArray() 将一个类似数组的对象转换为真正的数组对象 $.map...parseHTML() 将HTML字符串解析为对应的DOM节点数组 $.parseJSON() 将符合标准格式的JSON字符串转为与之对应的JavaScript对象 $.parseXML() 将字符串解析为对应的

    19.1K20

    脚本语言知识总结.

    但是我们可以使用jQuery提供方法,将DOM对象通过jQuery()函数包装成为jQuery对象,同样我们可以把jQuery对象转化成DOM对象。...元素的后一个兄弟元素 $("label + input") prev ~ siblings 获取pre元素后边的所有兄弟元素 $("form ~ input") 练习2: ² 将class属性值为itcast...的元素下所有a元素字体变为红色 ² 将class属性值为itcast的元素下直接a元素字体变为蓝色 ² 将div元素后所有兄弟a元素,字体变为黄色,大小变为30px jquery-1.8.3.min.js"> javascript"> $(function(){ // 将class属性值为itcast的元素下所有...a元素字体变为红色 $(".itcast a").css("color","red"); // 将class属性值为itcast的元素下直接a元素字体变为蓝色 $(".itcast>a").css("color

    6K130

    jQuery笔记(1) (多图)

    中的window.把元素利用包装成jQuery对象,就可以调用jQuery的方法. jQuery对象和DOM对象 用原生的开始获取的对象就是DOM对象 jQuery方法获取的元素就是jQuery对象...jQuery对象的本质是: 利用$DOM对象包装后产生的对象(伪数组形式存储) 打印box的jQuery对象: 注意: jQuery对象只能使用jQuery方法,DOM对象则使用原生的JavaScript...因为原生JS比jQuery大,原生的一些属性和方法jQuery没有给我们封装,想要使用这些属性和方法需要把jQuery对象转换成DOM对象才能使用....让下拉菜单显示的方法 鼠标离开后ul继续隐藏 siblings(selector) 查找所有的兄弟元素 eq(index) 根据索引选择元素 但是更推荐下面这种,如果index为变量时方便修改...hasClass('判断的类名') 判断元素是否有这个类名 重点记住: parent() children() find() siblings() eq() jQuery里面的排他思想 想要多选一的效果

    9.5K10

    JQuery的学习

    * jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。...//删除北京节点的name属性并检验name属性是否存在 $("#bj").removeAttr("name"); //获得hobby的的选中状态..."); }); }); 3.CRUD操作: 1.append():父元素将子元素追加到末尾 * 对象1.append(对象2):将对象2添加到对象1...元素内部,并且在末尾 2.prepend():父元素将子元素追加到开头 * 对象1.prepend(对象2):将对象2添加到对象1元素内部,并且在开头 3.appendTo():父元素将子元素追加到末尾...* 对象1.appendTo(对象2):将对象1添加到对象2元素内部,并且在末尾 4.prependTo():父元素将子元素追加到开头 * 对象1.prependTo(对象2):将对象

    17.7K20

    jQuery对象的使用

    一、什么是jQuery对象 jQuery对象是由选择器选择的HTML元素的集合。它是一个类似数组的对象,可以对其进行遍历和操作。通过使用jQuery选择器选择元素后,将返回一个jQuery对象。...var $myElement = $("p");上述代码将选择所有标签的元素,并将它们包装成jQuery对象存储在$myElement变量中。...var $myElement = $("#myElement");上述代码将选择ID为myElement的元素,并将其包装成jQuery对象存储在$myElement变量中。...var $myElement = $(".myClass");上述代码将选择所有类名为myClass的元素,并将它们包装成jQuery对象存储在$myElement变量中。...三、jQuery对象的方法和属性 jQuery对象提供了许多方法和属性,用于对选择的元素进行操作。方法 jQuery对象的方法可以用于修改元素的样式、内容、属性等。

    1K10

    jQuery对象

    元素具有任何JavaScript对象的属性。这些属性中的属性.tagName和方法类似.appendChild()。这些属性是通过JavaScript与网页进行交互的唯一方法。...通过将target元素包装在一个jQuery对象中,这些边缘情况得到了照顾,预期的结果是在所有支持的浏览器中实现的: // Setting the inner HTML with jQuery....该.get()方法对于测试两个jQuery对象是否具有相同的DOM元素是有用的。 // Comparing DOM elements....不管使用的命名规则如何,使jQuery对象和本机DOM元素之间的区别非常重要。本机DOM方法和属性不存在于jQuery对象上,反之亦然。...jQuery对象包装这些元素,以平滑这种体验,使常见任务变得容易。当使用jQuery创建或选择元素时,结果将始终包含在一个新的jQuery对象中。

    1.4K10
    领券