首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery

    (B)// 把A前置到B     添加到指定元素外部的后面 $(A).after(B)// 把B放到A的后面 $(A).insertAfter(B)// 把A放到B的后面     添加到指定元素外部的前面....each() 方法用来迭代jQuery对象中的每一个DOM元素。每次回调函数执行时,会传递当前循环次数作为参数(从0开始计数)。...,遍历jQuery集合中的元素 - 被称为隐式迭代的过程。...js和jquery中的for循环也是通过他们两个来跳出当此循环或者终止循环     伏笔... .data()     任意jQuery对象都有data方法,可以保存任意值,可以用来代替全局变量     ...在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。

    9K20

    一文入门jQuery

    jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。...快速入门 步骤: 下载JQuery 目前jQuery有三个大版本: 1.x:兼容ie678,使用最为广泛的,官方只做BUG维护, 功能不再新增。...除非特殊要求, 一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。 目前该版本是官方主要更新维护的版本。...复合属性选择器 语法: $(“A[属性名=‘值’][]…”) 包含多个属性条件的选择器 过滤选择器 首元素选择器 语法: :first 获得选择的元素中的第一个元素 尾元素选择器 语法: :last...获得选择的元素中的最后一个元素 非元素选择器 语法: :not(selector) 不包括指定内容的元素 偶数选择器 语法: :even 偶数,从 0 开始计数 奇数选择器 语法: :odd 奇数,从

    3.5K20

    前端-part9-jQuery操作样式二:元素追加+事件冒泡

    1.添加到指定元素 内部 的后面 $(A).append(B); // 把 B 追加到 A $(A).appendTo(B); // 把 A 追加到 B 2.添加指定元素 内部 的前面 $(A...).preappend(B); // 把 B 前置到 A $(A).preappendTo(B); // 把 A 前置到 B 3.添加到指定元素的 外部 的后面 $(A).after(B); //...把 B 放到 A 的后面 $(A).insertAfter(B); // 把 A 放到 B 的后面 4.添加到指定元素 外部 的前面 $(A).before(B); // 把 B 放到 A 的前面...$(A).insertBefore(B); // 把 A 放到 B 的前面 5.移除和清空元素 remove() // 从 DOM 中删除所有匹配的元素 empty() // 删除匹配的元素集合中所有的子节点...() { // 定位到 "添加" 这个按钮 var trEle = document.createElement("tr"); // 创造一个元素 trEle.innerHTML

    1.8K30

    期末测试——JavaScript方式练习题

    (5分) 8、清空body标签内容(5分) 9、创建带有id的table标签,设置边框的宽度为1,并通过jQuery的append函数添加到body标签中(5分) 10、根据table标签自定义id...(5分) 14、创建一个带参的delById函数,根据info.js中的数据格式进行正确接收数据。...(5分) 15、通过confirm函数来判断是否删除操作,如果不删除则直接return停止(5分) 16、通过循环遍历info.js中的对象信息来判断选中的行,如果对应的信息匹配则删除当前行信息。...的append函数添加到body标签中(5分) $("body").append(""); 10、根据table标签自定义...{ return; } 16、通过循环遍历info.js中的对象信息来判断选中的行,如果对应的信息匹配则删除当前行信息。

    1.5K20

    前端JQuery标准教案

    $("#"+formId+" :input[name='"+nameArr[i]+"']").val(data[nameArr[i]]); //循环名称数组的每一个名称,并将form...表单中和当前循环的元素名称相同的元素的值设置成data数据中对应名称属性的值 } } 1、带着学生把各种类型的选择器过一遍,进行个别的简单讲解,要说明这些选择器需要学生课下自己去尝试...=“tr>”; for(var j=0;j<titleArr.length;j++){ tr+=“td>”+data[i][titleArr[j]]+“td>”;//数据数组中第i个数据对象中的某个属性...([titleArr[j]:属性数组中第j个值])的值 } tr+=“tr>”; ("#"+tid).append((tr)); } } $(function(){ var data=[{cid:1...>元素并添加到tbody中 案例三:将数据添加到下拉框中,和上面示例的原理相同 function addSelect(sid,data,val,txt){ for(var i=0;i<data.length

    6210

    Web前端学习笔记之jQuery选择器

    DOM对象的属性方法如.length,但也有个别属性方法不能使用如.value,可以通过在JQuery包装集后面加中括号及索引值获取对应DOM对象 var text11_dom=$("#text11")...在所有tr标签中查找id为text11元素的JQuery包装集 var text11_query=$("#text11","tr"); ===================jQuery选择器====...1.从所有tr标签中获取其下面的所有id值为text11的元素 var text11_query=$("tr #text11");  2.获取所有td标签下的所有直接input子元素 var input_query...input元素,第一个input元素算一 var input_query=$("input:nth-child(2)"); 2.查找所有在父元素中的所有子元素中排第一的input元素 var input_query...=$("input:first-child"); 3.查找所有在父元素中所有子元素中排最后一个的input元素 var input_query=$("input:last-child"); 4.查找所有在父元素中是唯一子元素的

    1.3K10

    WEB入门之十六 操作DOM节点

    表7-1-1 节点插入函数 ​函数​ ​说明​ append( ) A.append ( B ),把B添加到A元素内的尾部 prepend( ) A.prepend( B ),把B添加到A元素内的头部...如果把代码中的prepend换成before函数,其他不变 如果把代码中的before换成after函数,其他不变 通过对比可以得出before和after这两个函数的异同点:这两个函数都是向元素外部插入新节点的...div 如果把上述代码中的wrap换成wrapAll函数,其他不变 wrapInner函数用来包裹元素内的子元素,下面是该函数的一个示例。...表7-1-4 节点过滤函数 ​节点过滤函数​ ​说明​ eq( ) 按索引获取匹配元素中的第n个元素,索引从0开始 first( ) 获取匹配元素中的第1个元素 last( ) 获取匹配元素中的最后1...个元素 slice( ) 按起始索引获取匹配元素中的子集 下面通过一个示例来演示eq、first、last和slice函数的用法,这几个函数有个共同点:都是通过索引进行过滤的。

    9310
    领券