首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery(一)

    ('div') 其中 $ 和 jQuery 等价 其中Jquery为工厂函数,将会返回一个新创建的对象。...即 $(document) 或 $(this) 使用这种方法可以完成对节点的操作 第三种 传递字符串文本给$()方法,jQuery将会根据传入的文本创建好HTML元素,然后将其封装为jQuery对象返回...即全局jQuery对象 对象 jQuery对象有jQuery函数返回的对象,一个jQuery对象表示一组文档元素,即jQuery集,包装集,jQuery结果 选中元素 传递css选择器给jQuery函数时...jQuery函数 hQuery函数为定义在jQuery命名空间中的函数,或者静态方法 jQuery方法 jQuery方法是由jQuery函数返回的jQuery对象的方法。...然后返回对象,使用链式调用 获取和设置HTML属性 attr()方法为jQuery中用于HTML属性的getter/setter 一个栗子 $('form').attr('action'); // 将会获取到

    2.9K40

    jQuery学习笔记之DOM操作、事件绑定(2)

    的工厂函数 $(HTML) 。...该工厂函数会根据传入的 html 标记字符串创建一个 DOM 对象, 并把这个 DOM 对象包装成一个 jQuery 对象返回。 当创建单个元素时, 需注意闭合标签。...(content) :把所有匹配的元素插入到另一个、指定的元素元素集合的前面 删除节点 remove(): 从 DOM 中删除所有匹配的元素, 传入的参数用于根据 jQuery 表达式来筛选元素...当某个节点用 remove() 方法删除后, 该节点所包含的所有后代节点将被同时删除. 这个方法的返回值是一个指向已被删除的节点的引用。...replaceWith(): 将所有匹配的元素都替换为指定的 HTML 或 DOM 元素 replaceAll(): 颠倒了的 replaceWith() 方法.

    2.1K10

    04-老马jQuery教程-DOM节点操作及位置和大小

    动态创建标签的方式 jQuery的构造函数本身可以接收html标签的字符串来动态创建HTML标签。...返回值: 返回当前的jQuery包装对象。...2.3 元素之后插入节点after(content|fn)方法 参数 content:插入到每个目标后的内容,类型可以:String,DOM,jQuery fn(index,html):函数必须返回一个...fn: 生成包裹结构的一个函数,返回包裹结构html 返回值:jQuery包装对象 实例 // 把所有的段落用一个新创建的div包裹起来 $("p").wrap("的值,可以是字符串或者数字,还可以是一个函数,返回要设置的数值。函数接受两个参数,第一个参数是元素在原先集合中的索引位置,第二个参数为原先的高度。

    7K00

    Jquery基础之DOM操作

    下面的html页面结构可以构建出一棵DOM树,代码: View Code  构建出的DOM树如下:   JQuery中的DOM操作主要对包括:建【新建】、增【添加】、删【删除】、改【修改】、查【查找...先创建元素点,创建元素节点使用Jquery的工厂函数 li1=("")       代码返回$li1就是一个由DOM对象包装成的JQuery对象。...2、创建文本节点       使用JQuery的工厂函数$()同样能够创建文本节点,创建文本节点的JQuery代码如下: li2=("苹果");       代码返回$li2就是一个由...下面方法创建带属性的节点。     3、创建属性节点       创建属性节点同元素节点、文本节点一样使用JQuery的工厂函数完成。...()方法删除所有匹配的元素,传入的参数用于筛选元素,该方法能删除元素中的所有子节点,当匹配的节点及后代被删除后,该方法返回值是指向被删除节点的引用,因此可以使用该引用,再使用这些被删除的元素。

    65810

    01-老马jQuery教程-jQuery入口函数及选择器

    1.1 jQuery介绍 jQuery是一个轻型、快速的、小巧的功能丰富的JavaScript类库。本质就是一堆js的函数的组合。...下载地址:http://jquery.com/download/ 同一版本分类 jQuery每一个版本又分为压缩版和未压缩版: jquery.js:未压缩版本(开发版本),代码可读性高,推荐在开发和学习阶段使用...jquery.min.js:压缩版本,去除了注释、换行、空格、并且将一些变量替换成了a,b,c之类的简单字符,基本没有可读性,推荐在项目生产环境使用,因为文件较小,减少网络压力。...jQuery3.0多出来一个精简版(Slim) 精简版就是剔除了ajax模块和effects模块,精简版的文件比为未精简版要小很多,压缩和未压缩跟上面的区别一样。...console.dir($btn); // jQuery包装对象(所有的选择器选择返回的对象都是jQuery的包装对象。

    3K00

    01-老马jQuery教程-jQuery入口函数及选择器

    下载地址:http://jquery.com/download/ 同一版本分类 jQuery每一个版本又分为压缩版和未压缩版: jquery.js:未压缩版本(开发版本),代码可读性高,推荐在开发和学习阶段使用...jquery.min.js:压缩版本,去除了注释、换行、空格、并且将一些变量替换成了a,b,c之类的简单字符,基本没有可读性,推荐在项目生产环境使用,因为文件较小,减少网络压力。...jQuery3.0多出来一个精简版(Slim) 精简版就是剔除了ajax模块和effects模块,精简版的文件比为未精简版要小很多,压缩和未压缩跟上面的区别一样。...而我们希望是页面的HTML的文档树对象可进行交互就立即绑定DOM的事件和做一些初始化工作。...类型引入HTML页面中 引入jQuery文件(注意路径) <script src="..

    3.2K100

    前端架构师之01_JQuery

    minified 压缩后的生产版、 uncompressed 未压缩的开发版 打开链接 -> 右键,网页另存为(或者 Ctrl + S)-> 选择保存目录 1.3 使用jQuery <!...语法 说明 replaceWith(content) 将所有匹配的元素替换成指定的HTML或DOM元素 replaceAll(selector) 用匹配的元素替换掉所有selector匹配到的元素 replaceWith...()方法的参数是一个函数时,它的返回值类型必须是字符串类型,用于完成指定元素的替换操作。...data表示传递的参数。 参数fn表示请求成功时,执行的回调函数。 参数type用于设置服务器返回的数据类型,如XML、JSON、HTML、TEXT等。...obj表示进行匹配的HTML元素对应的jQuery对象。 根据需要对jQuery对象的属性进行判断,并使用return返回匹配结果。

    3.1K00

    脚本语言知识总结.

    / 没有返回值,形参不需要声明类型 return a+b; // 可以返回 } //alert(add(1,2)); // 方式二  function 匿名函数, sub成为函数名称 var sub =...,Ajax引擎需要更新页面,绑定一个回调函数 xmlHttp.onreadystatechange = function(){ // 第五步,响应返回后执行 // 状态依次 是 0 - 4 // 0 未初始化...这里需要提出的是第二种解决方案JSON(HTML片段容易造成返回数据带回过多冗余的HTML标签元素) JSON是一种JavaScript轻量级数据交互格式,主要应用于Ajax编程。...4.jQuery的DOM操作 使用jQuery的九种选择器可以基本选中需要操作的对象,但是为了提高jQuery的查询效率,可以结合jQuery的内置查找函数一起使用 ①:查询 children([expr...> ⑦:jQuery复制和替换 l 复制节点 $(“p”).clone();  返回节点克隆后的副本,但不会克隆原节点的事件 $(“p”).clone(true);  克隆节点,保留原有事件 l 替换节点

    6.6K130

    angularJS的DOM操作

    ②、querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组)。  ③、返回的结果是静态的,之后对document结构的改变不会影响到之前取到的结果。 ...> 二.引用jQuery 引用jQuery的前提下,和$用法基本相同:angular.element(‘#‘).html(); angular.element("#span1").addClass(...如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素 on() - 在选定的元素上绑定一个或多个事件处理函数 off() - 移除一个事件处理函数 one() - 为元素的事件添加处理函数...()-获取匹配的元素集中第一个元素的属性(property)值 ready()-当DOM准备就绪时,指定一个函数来执行 remove()-将匹配元素集合从DOM中删除。...replaceWith()-用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合 text()-得到匹配元素集合中每个元素的合并文本,包括他们的后代 toggleClass()-在匹配的元素集合中的每个元素上添加或删除一个或多个样式类

    1.4K10
    领券