操作，查找，删除，创建，复制，插入，替换，jQuery事件，事件绑定，鼠标事件，键盘事件，表单事件，窗口事件，事件冒泡，事件解除。...// 等待dom元素加载完毕 alert("成功引入"); }); cdn中配置Jquery，如果不下载jquery的话，可以用cdn引用的。...入口函数如下 window.onload = function(){ // 执行代码 } JavaScript的入口函数与jquery入口函数： jquery的入口函数是在HTML所有标签都加载后执行...() 选择器$(" "), 为一个函数，为工厂函数，$为函数名称。...appendTo() 将所有匹配的元素追加到另一个指定的元素集合中 注意：$(A).append(B)的操作，不是将B追加到A中，而是将A追加到B中 prepend() 向每个匹配的元素内部前置内容
“$()”等价于“jQuery()”，即jQuery的构造函数，为该构造函数传递一个元素，就可以创建出一个元素对象。...:last-of-type 选择所有相同的元素名称的最后一个子元素 :only-of-type 选择所有没有兄弟元素，且具有相同的元素名称的元素 :nth-last-of-type(index/even...// 事件对象.which：获取当前按下键盘的对应码值keyCode // 通过offset()获取当前按下键盘时div元素的位置（left和top值） // 根据码值修改div元素位置（ left和...根据Ajax请求是否发生错误在Ajax发送后执行ajaxSuccess()还是ajaxError()方法进行相关的处理。...JavaScript文件中，每次使用时直接引用即可。
jQuery节点 $(selector) 通过选择器获取节点 $(html) 使用HTML字符创建jQuery节点 3.4.2 插入节点 1 元素内部插入子节点 方法 说明 $(A).append(B...) 将B节点追加到A节点的子节点中 $(A).appendTo(B) 将A节点追加到B节点的子节点中 $(A).prepend(B) 将B节点追加到A节点的子节点中 $(A).prependTo(B)...将A节点追加到B节点的子节点中 注意：jq中已经创建好的同一节点，多次执行插入，只会执行一次 var $node2 = $("上海新增本土54例"); $node2.appendTo...说明 next() 获取当前元素后的第一个同辈元素 prev() 获取当前元素前的第一个同辈元素 slibings() 获取当前元素的所有同辈元素 3.6.3 遍历前辈元素 方法 说明 parent(...4.1.2 键盘事件 方法 说明 keydown() 键盘按下事件 keyup() 键盘弹起事件 keypress 产生可打印的字符事件 键盘按下灵活应用 //键盘按下事件，判断是否是enter
）引用它。...jQuery代码，即在DOM加载完成后才可以对DOM进行操作。...规定隐藏或显示的速度，取值可以为"slow","fast"或毫秒； 可选的callback是隐藏或显示后执行的函数名称。 ...4.动画：jQuery animate()方法用于创建自定义动画。...默认false：仅停止当前活动动画，允许插入的动画向后执行； 可选的goToEnd：是否立即完成当前动画。默认false。 因而，默认的stop()会清除当前元素上的动画。
"> 核心：$ 符号在jQuery中代表对jQuery的引用。...创建元素直接使用核心函数即可 $('岳泽以学习笔记'); 添加元素可以使用以下方法： 方法 说明 prepend(content) 在指定元素内部最前面追加内容，被追加的内容，可以是字符...append(content) 在指定元素内部的结尾插入元素或内容，被追加的内容可以是字符、HTML元素标记。...) after() 在元素后插入指定的元素或内容：$(selector).after(content) <!...包装集 console.log($(p)); /* 添加元素 */ //如果元素本身不存在，先创建元素再追加，会将元素追加到指定位置 //prepend 得到指定元素，并在元素内部最前面追加内容
后者是前者经过压缩处理后的版本，它去除了多余的注释、空白字符等信息，并缩短了变量的名称，以减小js文件的体积。建议你在生产环境中使用该文件，以便于用户浏览器能够更快地加载jQuery库。...{ // 在这里编写我们希望在DOM准备就绪后执行的代码 } ); 4.jQuery 核心：选取元素 $("#uid"); // 选取id属性为"uid"的单个元素 $("p"); // 选取所有的p元素...( $B ); // 在$A内部的末尾位置追加$B $A.appendTo( $B ); // 将$A追加到$B内部的末尾位置 $A.prepend( $B ); // 在$A内部的开头位置追加$B $...()、鼠标按下的事件 mouseover()、移动至元素的时候 keydown()、键盘按下的时候 keypress() 键盘起来的时候 ：手机端的事件 // 触发所有匹配元素上的click事件 $("...var array = [ 12, "jQuery", true ]; $.each( array, function(i, value){ // i 表示当前迭代元素的索引或对象的属性名称 // value
、属性节点、文本节点 创建节点 创建元素节点 使用 jQuery 的工厂函数 $(HTML) 。...var $option = $(""); 创建文本节点 创建元素节点后，使用text()方法来设置其节点的文本内容。...var $option = $("北京"); 创建属性节点 创建元素节点后，使用attr()方法来设置其节点的属性。...当某个节点用 remove() 方法删除后, 该节点所包含的所有后代节点将被同时删除. 这个方法的返回值是一个指向已被删除的节点的引用。...判断是否含有某个样式：hasClass() — 判断元素中是否含有某个 class, 如果有, 则返回 true; 否则返回 false。
$('div:gt(2)') // 选择所有的div元素，除了前三个 $('div:animated') // 选择当前处于动画状态的div元素 创建元素: 创建元素节点：var...newTd = $("") 创建文本节点：var newTd = $("文本内容") 1) $A.append(B) 将B追加到A的末尾处，...将A追加到B的前面，作为它的第一个子元素 $A.after(B) 在A之后追加B，作为它的兄弟元素 $A.insertAfter(B)...在B之前追加A，作为它的兄弟元素 删除节点: remove([selector]) 从DOM中删除所有匹配的元素，返回值是一个指向已经被删除的节点的引用，可以在以后再使用这些元素...复制节点: $("#id").clone(false); 该方法返回的是一个节点的引用，参数默认为false，为浅复制； 参数是true,为深复制，含义是：复制元素的同时复制元素中所绑定的事件
下载插件后，在网页中引用插件的JS文件： jquery-1.8.2.min.js"> jquery.wookmark.min.js"...offset: 12, //2个相邻元素之间的间距 itemWidth: 222, //指定对象的宽度 resizeDelay: 50 //这是延时效果...//创建新的wookmark对象 handler = $('#waterfall li'); handler.wookmark(options...问题解决办法：使用插件jquery.imagesloaded等待和监听页面内所有图片资源全部加载完毕后再执行。...插件下载地址：https://github.com/desandro/imagesloaded 在wookmark插件引用文件之前引用jquery.imagesloaded.js文件 使用代码： function
1. jQuery创建DOM标签 1.1 DOM动态创建标签的方法 DOM时代我们通过document的createElement方法动态创建标签。创建标签后，动态的给他添加属性。...(domDiv); 1.2 jQuery动态创建标签的方式 jQuery的构造函数本身可以接收html标签的字符串来动态创建HTML标签。...props:用于附加到新创建元素上的属性、事件和方法 返回值：返回新创建标签的jQuery包装对象 // jq的 appendTo，类似DOM的appendTo方法 $("Hello元素之后insertAfter(content)方法 参数： content：插入到每个目标后的内容，类型可以：String，DOM，jQuery。...Even:一个布尔值（true 或者 false）指示事件处理函数是否会被复制。 deepEven:一个布尔值，指示是否对事件处理程序和克隆的元素的所有子元素的数据应该被复制。
无论选择器匹配了多个或者零个元素，jQuery对象都不再是null。意味着你只能够用jQuery对象的.length属性来判断选择器是否选中了元素。 获得jQuery对象的示例： 的方法就是通过使用选择器—基于元素的属性或元素在HTML文档中的位置，简明地表现元素。 例如，选择器：p a 引用所有嵌套于元素之内的超链接(元素)组。...基本选择器 基本选择器是jQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class和标签名等来查找DOM元素。在网页中，每个id名称只能使用一次，class允许重复使用。...在网页当中，使用class属性引用样式表中的类样式，因为类样式的可重用，所以多个元素可以引用同一个样式。...$("p").appendTo("div"); //p节点追加到div内后 $("p").prepend("Hello"); //每个p节点内前面追加内容 $("p").prependTo
前言 上一篇内容 已经对于Jquery 有了一些认识, 包括Jquery的选择器和DOM对象, 那么这一篇继续来看下Jquery中很实用的Jquery对于数组的操作....特别注意: each虽然迭代每一个元素或属性, 但是在迭代函数中并不会改变当前元素的值, 也就是无法改变返回后的对象....callback: Function类型指定的过滤函数。 invert: 可选/Boolean类型默认值为false。指定是否反转过滤结果。...4，合并 (1)jQuery.extend( [deep], target, object1, [objectN] ) [deep]:可选/Boolean类型指示是否深度合并对象，默认为false。...Javascrip中每个函数都会有一个Arguments对象实例arguments，它引用着函数的实参，可以用数组下标的方式"[]"引用arguments的元素。
通过该命令可实现在数组结尾追加新元素,也可从结尾删除元素....names.innerText = "www.baidu.com"; //改变元素标签名称 document.write("修改后的内容...names.innerText = "www.baidu.com"; //改变元素标签名称 document.write("修改后的内容...> 相邻选择器: 在所有匹配的元素后选择同级别相邻元素,如下匹配所有跟在.outer后面的所有P标签,并设置成红色.... 兄弟选择器: 兄弟选择器就是在所有匹配的元素后选择同级的所有元素,如下匹配.outer类后面的所有同级DIV标签.
例：查找元素节点p返回p内的文本内容("p").text();例：查找元素节点p的属性返回属性名称对应的属性值 二、建--新建DOM节点 1、创建元素节点 创建元素节点并且把节点作为...先创建元素点，创建元素节点使用Jquery的工厂函数 li1=("") 代码返回$li1就是一个由DOM对象包装成的JQuery对象。...把新建节点添加到DOM树中JQuery代码如下： ("ul").append( 添加后页面中只能看到元素默认的"·",由于没有为节点添加文本所以只显示默认符号，下面创建文本节点。...下面方法创建带属性的节点。 3、创建属性节点 创建属性节点同元素节点、文本节点一样使用JQuery的工厂函数完成。...()方法删除所有匹配的元素，传入的参数用于筛选元素，该方法能删除元素中的所有子节点，当匹配的节点及后代被删除后，该方法返回值是指向被删除节点的引用，因此可以使用该引用，再使用这些被删除的元素。
callee返回一个正在执行的函数引用 caller返回一个调用该函数的函数引用，window调用该函数，返回null callee和caller都用在函数里 arguments.callee.caller...(function(){}) window.onload是在页面所有的元素都加载完成后才触发 (function(){})是在页面的dom结构加载完毕后就触发 dom里的内容不一定都已经加载完成 28...常用dom操作的实现： 在指定元素后面添加元素（外部）after（） 在指定元素前面添加元素（外部）before（） 在指定元素内部追加元素（内部）append（） 将新元素添加到指定元素的首部...找div是否有class ips 36、jQuery有哪些动画，分别设置的是什么？...，并将新的元素添加到该列上，然后继续寻找所有列的各元素高度之和的最小者，继续添加至该列上，如此循环下去，直至所有元素均能够按要求排列为止 56、如何实现选项卡？
people write JavaScript. js库：把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。...基本选择器 名称 用法 描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.class”); 获取同一类class的元素 标签选择器 $(“div”); 获取同一类标签的所有元素...过滤选择器 名称 用法 描述 :eq（index） $(“li:eq(2)”).css(“color”, ”red”); 获取到的li元素中，选择索引号为2的元素，索引号index从0开始。...当我们对一个对象添加多次动画效果时后添加的动作就会被放入这个动画队列中， 等前面的动画完成后再开始执行。...jquery.color.js animate不支持颜色的渐变，但是使用了jquery.color.js后，就可以支持颜色的渐变了。 使用插件的步骤 //1.
js库：把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。...基本选择器 名称 用法 描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.class”); 获取同一类class的元素 标签选择器 $(“div”); 获取同一类标签的所有元素...过滤选择器 名称 用法 描述 :eq（index） $(“li:eq(2)”).css(“color”, ”red”); 获取到的li元素中，选择索引号为2的元素，索引号index从0开始。...当我们对一个对象添加多次动画效果时后添加的动作就会被放入这个动画队列中， 等前面的动画完成后再开始执行。...jquery.color.js animate不支持颜色的渐变，但是使用了jquery.color.js后，就可以支持颜色的渐变了。 使用插件的步骤 //1.
通过标签元素名称 获得NodeList 其中NodeList可以作为数组进行操作 Demo:在每一个h1标签后追加itcast //...①：基本选择器 根据元素id属性、class属性、元素名称 对元素进行选择 id选择器： $("#元素id属性") class选择器：$(".元素class属性") 元素名称选择器：$("元素名称")...添加元素 l 创建元素 拼接好HTML代码片段 $(html片段) ---- 产生jQuery对象 l 内部插入： $node.append($newNode) 内部结尾追加 $node.prepend.../jquery-1.8.3.min.js"> $(function(){ // 追加 option 内容大专 // 创建元素...，事件会保留 从1.4新API 练习6： ² 分别使用detach和remove 删除带有click事件的p标签，删除后再将p 重新加入body 查看事件是否存在 <script type="text
class="class名称"> 语法：$(".class名称") 所有 语法：$("*") 多选择 语法：$("选择器1，选择器2，....") 2.层次 所有子孙元素 语法：$("A B... ：animated 动画 ：focus 焦点 4.内容过滤 ：contains(text) 是否包含指定的内容 ：empty 是否为空，不包含子元素、不包含文本 ：has（选择器），当前元素，...是否还有指定的孩子。...名称) 追加一个class值 removeClass(class) class移除 toggleClass(class) 添加和移除切换。...，将A插入到B后面 3.复制 clone(event [,deepEven]) 参数1：表示是否克隆事件 参数2：子元素中绑定数据是否被克隆。
a : b; } }); 引用jQuery： 复制代码代码如下: $.min(3,4); //return 3 jQuery.fn.extend(object)给jQuery对象添加方法,是对jQuery.prototype...) 鼠标双击某个对象 几乎所有元素 error( ) 当加载文档或图像时发生某个错误 window, img keydown( ) 某个键盘的键被按下 几乎所有元素 keypress( ) 某个键盘的键被按下或按住...] ) 用于创建自定义动画的函数。...animate( params, options ) 创建自定义动画的另一个方法。作用同上。...JQuery Utilities 方法说明 jQuery.browser .msie 表示ie jQuery.browser.version 读取用户浏览器的版本信息 jQuery.boxModel 检测用户浏览器针对当前页的显示是否基于
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
