现在有多行div,共用一个删除事件,点击删除的时候,会把页面所有的div全都删掉了,但是我只需要点击哪一行div里面的删除按钮,就删除哪一行,其实很简单,只需要写一个this事件即可。...cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> jquery.../2.1.1/jquery.min.js"> div> div> div> // 删除按钮事件...body> 原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚
现在有多行div,共用一个删除事件,点击删除的时候,会把页面所有的div全都删掉了,但是我只需要点击哪一行div里面的删除按钮,就删除哪一行,其实很简单,只需要写一个this事件即可。 ?...cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> jquery.../2.1.1/jquery.min.js"> div> div> div> // 删除按钮事件...body> 原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚
一、删除多行 HTML 11101111121 Jquery...n = $(this).parents("tr").index(); // 获取checkbox所在行的顺序 $("table#test_table"...).find("tr:eq("+n+")").remove(); }); }); }); 二、删除多列 HTML 3-23-33-43-5 Jquery
js实现在input框里面输入属性和值,页面的 div的属性根据输入的属性和值进行变化。 函数传参,改变Div任意属性的值...");//获取div元素引用 var oBtn = document.getElementsByTagName("button"); //获取按钮的引用...--div容器--> div id="outer"> 属性名:...>重置 div> div id="div1">在上方输入框输入"属性名"及"属性值",点击确定按钮查看效果。
js实现在input框里面输入属性和值,页面的 div的属性根据输入的属性和值进行变化。 ? 函数传参,改变Div任意属性的值...");//获取div元素引用 var oBtn = document.getElementsByTagName("button"); //获取按钮的引用...--div容器--> div id="outer"> 属性名:...>重置 div> div id="div1">在上方输入框输入"属性名"及"属性值",点击确定按钮查看效果。
a 标签的 href 属性值如何修改,下面分享一下使用 javascript 或 jQuery 的实现方法。 ...("myId").setAttribute("href","www.xxx.com"); document.getElementById("myId").href = "www.xxx.com"; jQuery
"); 给某元素设置内容 $("元素名称").removeAttr("属性名称") 给某元素删除指定的属性以及该属性的值 $("元素名称").removeClass("class") 给某元素删除指定的样式...solid gray"); 查找所有div的子节点p,添加样式 $("input:radio", document.forms[0]) 在当前页面的第一个表单中查找所有的单选按钮 jQuery为开发插件提拱了两个方法...not( expr ) 从匹配的元素集合中删除与指定的表达式匹配的元素。 slice( start, [end] ) 从匹配元素集合中取得一个子集,和内建的数组的slice方法相同。...andSelf( ) 将前一个匹配的元素集合添加到当前的集合中取得所有div元素和其中的p元素,添加border类属性。...offset( ) 取得匹配的第一个元素相对于当前可视窗口的位置。返回的对象有2个属性, top和left,属性值为整数。这个函数只能用于可见元素。
-- 页面结构,最外层的是一个div.盒子容器; 3个单独的dl,带有项目和描述的描述列表 dl的结构:包括一个dt(标题)若干个dd描述; 两个目标: 第一个:删除功能...;删除游戏本身; 第二个:新增游戏;新增的是一个dl节点,包含了若干的html代码。...color:#FF3300; } dd a:hover{ text-decoration:underline; } .clear{ clear:both; height:0px; } 三.JQuery...代码的实现 //游戏待完善代码 //Author:写上你的名字; $(function(){ //加载事件; //任务1:先找删除选择器a标签 // $(".del")....click(function(){ // //要明白删除的是哪个选择器对象;删除按钮和要删除对象的关系 // //要掌握当前节点和待删除节点的关系; // $(
记一次linux下清理过期日志的过程; 环境说明:删除/var/log/下7天以前的.log文件; 用到的命令:find、rm; 命令示例:find /var/log/ -mtime +7 -...7天以前 -name "*.log" :你要查找的文件名,可用通配符 -exec :将find查到的文件执行command操作,{} 和 \;之间有空格 rm {} \; :需要执行的command操作...#查找找以大写字母开头的文件 find ./ -name "[a-z][a-z][0–9][0–9].txt" #查找找以两个小写字母和两个数字开头的txt文件 find ./ -type f...755的目录 find ./ -perm 755 #在当前目录查找找权限为755的文件和目录 find ./ -perm 755 -type f -... tmp.txt -ok rm {} \; #查找tmp下名为tmp.txt的文件并删除它,-ok:删除前提示 find / -amin -10
同样,如果你使用诸如 cat、more、head 或 tail 之类的命令,那么将查看引用文件的内容。 另一方面,如果删除符号链接,你将删除该链接,而不是引用的文件。再说一次,Linux 知道怎么做。...符号链接使得使用和共享文件更加容易,仅此而已。 符号链接损坏时 当一个符号链接所指向的文件从系统中删除或重新命名时,符号链接将不再起作用。...另一方面,下面的命令在当前目录中查找指向不存在的文件的符号链接: $ find ....实际上,如果需要,你可以使用一条命令查找并删除损坏的符号链接,如: $ find ....这是一个例子: $ rm ref1 $ ln -s /apps/data/newfile ref1 总结 符号链接使引用的文件更易于查找和使用,但有时它会比那些宣传去年已经关闭的餐馆的路标还过分。
>,div>DIV2div>] .class .class //一个用于搜索的类,一个元素可以有多个类,只要有一个符合就能被匹配到· 描述: 查找所有类是“...//从没一个匹配的元素中删除一个属性 1.6以下版本在IE6使用jQuery的removeAttr方法删除disabled是无效的· 1.7版本在IE6下已支持删除disabled· name 要删除的属性名....jQuery第一次分配undefined值得属性,而忽略了浏览器生成的任何错误· propertyName 要删除的属性名 描述 设置一个段落数字属性,然后将其删除· HTML代码 的元素中删除全部或者指定的类· class 一个或多个要删除的CSS类名,请用空格分开 function(index,class) 此函数必须返回一个或多个空格分隔的class名,接受两个参数...· //和个方法用于缩小匹配的范围·用逗号分隔多个表达式· expr //字符串值·包含供匹配当前元素集合的选择器表达式· jQuery objext //现有的jQuery对象·以匹配当前的元素
属性 html元素由一个标签和一组称为属性的名/值对组成。 HTML 表示HTML文档元素的HTMLElement对象定义了读/写属性。映射了元素的HTML属性。...数据即可查到提交的post数据 ps 不能在头部引入,会出现找不到DOM节点的情况,请在文末引入 获取和设置非标准的HTML属性 现在说的是一个html的属性,即HTMLElemnent对象定义的html...,因此dataset.x的应该保存为data-x属性的值,如果后方有字符串,将会按照驼峰命名法命名data-jquery-test将会办成dataset。...,一次dom节点的更新 即使插入 h.insertAdjacentText("afterend", "div>div>") 也不会被dom解析 创建,插入和删除节点 创建节点 创建一个text节点...删除和替换节点 removeChild()方法重文档树中删除一个节点。该方法不在待删除的节点上调用,而是在其父节点上调用(和名字暗示那样的child)然后将其子节点删除。
下面的例子演示带有回调函数的 text() 和 html(): $("#btn1").click(function(){ $("#test1").text(function(i,origText){... (index: " + i + ")"; }); }); 设置属性 - attr() jQuery attr() 方法也用于设置/改变属性值。...jquery"); }); attr() 方法也允许您同时设置多个属性。...同时设置 href 和 title 属性: $("button").click(function(){ $("#w3s").attr({ "href" : "http://www.w3school.com.cn.../jquery", "title" : "W3School jQuery Tutorial" }); }); attr() 的回调函数 jQuery 方法 attr(),也提供回调函数。
一、元素的创建添加和删除 1、方式一:以对象的方式创建元素 append,appendTo :在被选元素所有子元素的结尾插入内容(增加子元素)。...属性的操作 一般 val() 是获取表单的 value 属性; val(值); 设置表单的 value 属性。...三、自定义属性 1、attr 语法: 元素.attr("自定义属性名","自定义属性值"); 示例: div id="dv">div> //----------------------------...","box"); //div id="box">div> 1、attr 方法主要操作元素的自定义属性的,但是也可以操作元素的自带属性。...> jquery-1.12.4.js"> // 设置总的复选框对子复选框的影响 $(".th input").click
来代替,相当于原生js中的window 1.1.3 jQuery 对象和 DOM 对象 用原生 JS 获取来的对象是 DOM 对象 jQuery 方法获取的元素是 jQuery 对象。...’*"’) 匹配所有元素 类选择器 $(".class") 获取同一类class的元素 标签选择器 $(“div”) 获取同一类标签的所有元素 并集选择器 $(“div,p,li”) 选取多个元素 交集选择器...属性名和属性值用冒号隔开, 属性可以不用加引号 $(this).css({ "color":"white","font-size":"20px"}); 一般来说通过在style中编写样式,通过添加类的方式添加样式...(div); 外部添加(在后面添加) $('div').after(div); 删除元素 $('ul').remove();//整个ul删除 删除元素集合中的子节点 $('ul').empty();/...5.1.1 on() 绑定事件 on()绑定事件的好处 可以绑定多个事件,多个处理事件函数 $('div').on({ mouseover : function() {}, click
jQuery对象 原始的DOM对象只有DOM接口提供的方法和属性,通过js代码获取的对象都是DOM对象。...选择器 jQuery选择器按照功能主要分为选择和过滤,并且是配合使用的,基础选择器掌握即可,其他用到查询。...input元素,会匹配input、textarea、select和button元素 文本框选择器 $(":text") 查找所有文本框 密码框选择器 $(":passwor") 查找所有密码框 单选按钮选择器...属性名称) prop('checked') 获取具有true和false俩个属性的属性值 区别: 如果是固有属性,attr()和prop()均可获取 如果是自定义属性,attr()可获取,prop()...); 删除元素 方法 说明 remove() 删除所选元素或指定的子元素,包括整个标签和内容一起删 empty() 清空所选元素的内容 <!
3.jQuery选择器总结 ①:对象访问核心方法 each(function(){}) 遍历集合 size()/length属性 返回集合长度 index() 查找目标元素是集合中第几个元素 ②:CSS...表单选中元素 配合基本过滤选择器,缩小选中的范围 4.jQuery的DOM操作 使用jQuery的九种选择器可以基本选中需要操作的对象,但是为了提高jQuery的查询效率,可以结合jQuery的内置查找函数一起使用...(){… }) ,在each函数中可以通过this 获得DOM对象,$(this) 获得jQuery对象 ②:属性操作 设置属性 attr(name,value) 读取属性 attr(name) 同时设置多个属性...删除节点后,事件会保留 从1.4新API 练习6: ² 分别使用detach和remove 删除带有click事件的p标签,删除后再将p 重新加入body 查看事件是否存在 jQuery事件 ①:事件绑定 传统js 一般一个对象只能绑定某种事件一个函数 jQuery 支持对同一个对象,同一个事件可以绑定多个函数 绑定事件函数到对象有两种写法 写法一 $("div").click
核心特性: 链式语法 高效灵活的CSS选择器使用和扩展 丰富的插件 官网:https://jquery.com/ 三大版本: 目前jQuery有三个大版本。...————————————————-----------看大厂的源码------ jd:1.6.4 sina:1.7.3 jquery 3.选择器和方法 3.1 使用jquery访问三个div元素 <!...,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作。...事件 jQuery事件是对JavaScript事件的封装,分为基础事件和复合事件。...语法 功能 attr() 获取属性节点 attr({name1:value1,..n,nameN:valueN}) 设置属性节点的多个属性的值 removeAttr(属性名) 删除指定的属性节点 <!
$代表jQuery对象,同时也是一个函数对象 $()和jQuery()是jQuery的核心函数,执行这两个元素返回的是一个DOM元素 $()是一个函数,等同于jQuery(),可在括号内传参数,传参后可获取元素...$(“.one”)表示获取class=“one”的元素,返回一个jQuery对象 $(”.one”).onclick表示class=”one”的点击事件 $.post() $.get() $.ajax...() 都是jQuery对象的方法 jQuery中,多个选择器是依次执行的,不是同时执行的 ,是在上一个选择器执行完的基础上,才开始执行下一个。...例如:$(“li:gt(0):lt(2)”) // 选择第二个和第三个li,gt(0)表示下标大于0的,lt(2)表示下标小于2的。...下标大于0为黑色区域,此时,下标为1的蓝色区域下标变为0,下标为3的粉色区域下标变为1,执行过滤选择下标为2后,即为红色框内,也就是最初的下标为1和2的元素,即第二个和第三个li元素(假设所有的颜色框均为
$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。.../ 删除第四个input的value属性的值 运行结果如下图: ?...直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的...jquery对象 4、next()、prev()和siblings()方法: 用于快速查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合。...总结: 以上便是《jQuery入门》的全部内容,包含了jQuery选择器、属性与样式和对DOM的操作等相关内容。接下来在《jQuery进阶》中讲学习jQuery事件和Ajax,敬请关注!