首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

1-选择器与DOM对象

$("#has").text("文本插入"); 2.5.html()函数  指定元素的第一个元素获取html内容,以字符串的形式返回。...()函数 获得匹配元素集合每个元素相邻的同胞元素,如果提供选择器,则取回匹配选择器的下一个同胞元素。...3.2,clone()函数  复制指定元素返回一个新的jquery对象。   这是个段落。... 3.6,remove()函数 移除被选元素,包括所有文本和子节点。 方法不会把匹配的元素 jQuery 对象删除,因而可以在将来再使用这些匹配的元素。...// 但不会将其jQuery对象移除,因此我们还可以使用jQuery对象,将n6再次放入文档 $n6.prependTo("body"); 结果是: [span#n6][span#n7] 段落内容

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

4-Jquery学习四-事件操作

jQuery 1.3 新增该函数,jQuery 1.7开始被标记为已过时,在jQuery 1.9被移除,请使用on()函数来替代。请使用on()函数来替代。 5,die 同上。...jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind()、 delegate()、 live()等事件函数。...同样以初始HTML代码为例,我们可以编写如下jQuery代码: // 为div的所有p元素绑定click事件处理程序 // 只有n2、n3可以触发该事件 $("div").on("click", "p...id="n7">段落文本内容4 专注于编程开发技术分享 我们为上述HTML的按钮绑定一次性的click事件: // 只有第一次点击时,执行该事件处理函数...22,select select事件会在文本文本内容被选中时触发。该事件适用于和文本框。

4.4K90

jQuery的基本操作

,文本的处理) 选择器 基本  #id    #id //用于搜索的,通过元素的id属性给定的值 描述:(查找ID为myDiv的元素) HTML代码: <div id="...disabled· name 要删除的属性名 描述 将文本图像的src属性删除 HTML代码 jQuery代码: $("img").removeAttr...("src") 结果 []   prop //概述 //获取在匹配的元素集合的第一个元素的属性值 //随着一些内置属性的DOM元素或window对象,如果试图将删除属性,浏览器可能会产生错误.../所有匹配的元素删除全部或者指定的类· class 一个或多个要删除的CSS类名,请用空格分开 function(index,class) 此函数必须返回一个或多个空格分隔的class名,接受两个参数...,class参数为这个对象原先的class属性值· 参数class描述 匹配的元素删除"selected"类 jQuery代码 $("p").removeClass("selected");

7.4K20

jQuery动画与ajax

$node.text()得到匹配元素集合每个元素的文本内容,包括他们的后代,或设置匹配元素集合每个元素的文本内容为指定的文本内容。...在这种情况下,jQuery对象本身被默认为目标对象。这样,我们可以在jQuery的命名空间下添加新的功能。这对于插件开发者希望向 jQuery 添加新函数时是很有用的。...由于jQuery 对象上的方法最后会返回对象,jQuery的链式调用就是可以在对象返回后再次调用对象使用jQuery方法的一种操作。...$node $ndoe.remove() 8.把$ct里内容清空 $ct.empty();//DOM移除集合匹配元素的所有子节点 9.在$ct里设置 html</div.../不包括内边距宽度,包括内容 $node.height();//不包括内边距高度,包括内容 $node.innerWidth();//包括内容和内边距宽度 $node.innerHeight();/

2.8K30

jQuery中常用的函数和属性详细解析

").removeClass("class") 给某元素删除指定的样式 $("元素名称").text(); 获得该元素的文本 $("元素名称").text(value); 设置元素的文本值为value...匹配集合包含str这个变量文本的元素集合,返回匹配元素集合 end()用于返回到调用find() 或 parents() 函数(或者其它遍历函数)之前的 jQuery 对象 例子 $("#div1")...not( expr ) 匹配的元素集合删除与指定的表达式匹配的元素。 slice( start, [end] ) 匹配元素集合取得一个子集,和内建的数组的slice方法相同。...contents( ) 取得一个包含匹配的元素集合每一个元素的所有子孙节点的集合(只包括元素节点,不包括文本节点),如果元素为iframe,则取得其中的文档元素 find( expr ) 搜索所有与指定表达式匹配的元素...$("div:contains('John')")匹配含有指定文本的所有元素 $("td:empty") 匹配所有空元素(只含有文本的元素不算空元素) $("div:has(p)") 原元素集合再次匹配所有至少含有一个

2.5K10

JQuery最全常用方法指南

元素名称”).removeClass(”class”) 给某元素删除指定的样式 $(”元素名称”).text(); 获得该元素的文本 $(”元素名称”).text(value); 设置元素的文本值为...map(callback) 将jQuery对象的一组元素利用callback方法转换其值,然后添加到一个jQuery数组。 not(expr) 匹配的元素集合删除与指定的表达式匹配的元素。...contents() 取得一个包含匹配的元素集合每一个元素的所有子孙节点的集合(只包括元素节点,不 包括文本节点),如果元素为iframe,则取得其中的文档元素 find(expr) 搜索所有与指定表达式匹配的元素...$(”td: empty”) 匹配所有空元素(只含有文本的元素不算空元素) $(”div: has§”) 原元素集合再次匹配所有至少含有一个selector的所有元素 $(”td: parent”...可以有多个参数(合并多项返回) $.map(array, fn):数组映射。把一个数组的项目(处理转换后)保存到到另一个新数组返回生成的新数组。

10.9K20

jQuery选择器和选取方法

过滤器的圆括号确定了文本的范围—无须添加引号。.../选取最后3个元素 filter()是通用的选区过滤方法,有3种调用方式: 传递选择器字符串给filter(),它会返回一}jQuery对象,包含也匹配选择器的选中元素。...如果传入选择器,has()会返回一个新的jQuery对象,包含有子孙元素匹配选择器的选中元素。...add()会移除重复元素,组合选区进行排序,以便里面的元素按照文档 的顺序排列: //选取所有和所有元素的等价方式 $("div, p")             //使用选择器组...对选中的每一个元素,这些方法会使用选中元素作为上下文或起始点来得到新的选中元素集,然后返回一个新的jQuery对象,包含所有新的选中元素的 集。

5.1K40

一个小时学会jQuery

jQuery 1.7.2 (2012年03月24号):jQuery 1.7.2正式版发布。 版本在1.7.1的基础上修复了大量的bug,改进了部分功能。...1.4、获得jQueryjQuery不需要安装,把下载的jQuery库放到网站的一个公共位置,想要在某个页面上使用jQuery时,只需要在相关的HTML文档引入库文件即可。...//jQuery对象获得下标为1的DOM元素,调用DOM属性 $p.get(1).innerHTML="bar DOM"; </body...同时通过jQuery获得id对应的元素后可以调用jQuery的相应方法对元素进行操作,具体代码如下所示: <script type="text/javascript" src="js/<em>jquery</em>-...AJAX应用可以<em>仅</em>向服务器发送<em>并</em>取回必需的数据,它使用SOAP或其他一些基于XML的Web Service接口,并在客户端采用JavaScript处理来自服务器的响应。

18.4K71

jQuery基础(五)一Ajax应用与常用插件-imooc

sport.json文件 获取返回的data文件数据,遍历数据对象 以data[“name”]取出数据中指定的内容,显示在页面。...在浏览器显示的效果: 使用getScript()方法异步加载执行js文件 使用getScript()方法异步请求执行服务器的JavaScript格式的文件,它的调用格式如下所示: jQuery.getScript...(url,[callback])或$.getScript(url,[callback]) 使用get()方法以GET方式服务器获取数据 使用get()方法时,采用GET方式向服务器请求数据,通过方法回调函数的参数返回请求的数据...”按钮时,如果“是否保存用户名”的复选框为选中状态时,则使用cookie对象保存用户名,否则,删除保存的cookie用户名 搜索插件——autocomplete 搜索插件的功能是通过插件的autocomplete...调用搜索插件的autocomplete()方法返回与输入内容相匹配的字符串数据,显示在文本框下,提示选择,如下图所示: 右键菜单插件——contextmenu 右键菜单插件可以绑定页面的任意元素,

16.5K20

2020-10-04

方法用于把数组的第一个元素其中删除返回被删除的值 site.includes('runoob'); //搜索数组是否含有某个值 push()//方法可以接收任意数量的参数,把它们逐个添加到数组的末尾...,返回修改后数组的长度 pop()//方法刚好和push()方法相反。...pop()方法删除数组的最后一个元素,把数组的长度减1,并且返回它被删除元素的值 js获取上一页url document.write("js获取当前域名"+window.location.host+"或者...$("#test1").contents("#test1"); //返回id为test里面的id为#test1的节点和文本 $("#test1").prev(); // 上一个兄弟节点 $("#test1...; // 所有兄弟节点 $("#test1").siblings("#test2"); //返回id为test2的兄弟节点 $("#test").find("#test1"); 选中id为test后代

91540

dropDownList属性

带下拉菜单的文本框就是其中之一,效果图如下(真要自己完全设计,还得费一番功夫) 关于组件的详情参看Bootstrap官网、带下拉菜单的文本框 看到上面的效果图,使我想到WinForm编程的DropDownList...不过,和DropDownList控件相比,还缺少以下内容 1、当点击菜单的某一项,菜单的文字自动显示在文本 2、当点击菜单的某一项,提供一个函数来获得相关的数据(可以是菜单的文字,也可以是相关的文本...默认值是$.noop(),JQuery的空函数; Items:菜单条目的集合。...DropDownList的组件代码如下,由于是基于JQuery,故要把代码置于JQuery引用代码之下: 代码比较简单,主要就是依据属性值来拼接HTML代码,下面简单的说明一下: ReadOnly的实现...本站提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除

2.1K100

前端成神之路-02_jQuery

(详情参考源代码) 1.2. jQuery 文本属性值 ​ jQuery文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS的 innerHTML 、innerText...1.2.1 jQuery内容文本值 ​ 常见操作有三种:html() / text() / val() ; 分别对应JS的 innerHTML 、innerText 和 value 属性,主要针对元素的内容还有表单的值操作...注意:此方法用于遍历 jQuery 对象的每一项,回调函数中元素为 DOM 对象,想要使用 jQuery 方法需要转换。...案例:购物车案例模块-计算总计和总额 1.把所有文本的值相加就是总额数量,总计同理。 2.文本框里面的值不同,如果想要相加需要用 each() 遍历,声明一个变量做计数器,累加即可。 ​...清理购物车 3.商品后面的删除按钮: 一定是删除当前的商品,所以 $(this) 出发 4.删除选中的商品: 先判断小的复选框按钮是否选中状态,如果是选中,则删除对应的商品 5.清理购物车: 则是把所有的商品全部删掉

2.2K10
领券