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

jquery jQuery快速入门

匹配所有索引为偶数元素,从 0 开始计数 :odd // 匹配所有索引为奇数元素,从 0 开始计数 :gt(index)// 匹配所有大于给定索引元素 :lt(index)// 匹配所有小于给定索引元素...示例:开关灯和模态框 CSS css("color","red")//DOM操作:tag.style.color="red" 示例: $("p").css("color", "red"); //所有p...示例: 表格每一行编辑和删除按钮都能触发相应事件。...终止each循环 return false; 伏笔... .data() 在匹配元素集合所有元素上存储任意相关数据或返回匹配元素集合第一个元素给定名称数据存储。...$("div").data("k",100);//给所有div标签都保存一个名为k,为100 .data(key): 描述: 返回匹配元素集合第一个元素给定名称数据存储—通过 .data

16.1K50

JQuery选择器(

HTML5学堂:在学习JQuery开发时候,选择器有多种,而我们接着介绍选择器其他类型,希望对大家有帮助!...: 把属性选择器不放在css选择器里面是因为jQuery写法是不一样.至于css写法可以参考我之前写一篇css选择器一文.jQuery是和xPath类似的写法: $("mix[@attr]"...=a_value"]):attr属性属性包含a_value 7.伪类选择器 具有限定子节点选择器:$("mix1[mix2]"):返回包含mix2mix1节点.如:$("div[a]"):包含a...jQuery对象包装DOM元素.如: $("Hello").appendTo("#body");//把Hello添加到body元素...这个元素在匹配元素集合位置变为0,而集合长度变成1 gt(数字):匹配元素集合缩减为给定位置之后所有元素 lt(数字):匹配元素集合缩减为给定位置之前所有元素 上面三个例子: $("div

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

Web阶段:第五章:JQuery

"); } } //使用Jquery给一个按钮绑定单击事件,Jquery$()代替window.onload...1、使用jquery一定要引入jquery库吗? 答案: 是2、jquery到底是什么? 答案: 核心函数3、怎么为按钮添加点击响应函数?...index) 匹配一个给定索引元素 :gt(index) 匹配所有大于给定索引元素 :lt(index) 匹配所有小于给定索引元素 :header 匹配如 h1, h2, h3之类标题元素...[attribute=value] 匹配给定属性是某个特定元素 [attribute!=value] 匹配所有不含有指定属性,或者属性不等于特定元素。...[attribute^=value] 匹配给定属性是以某些开始元素 [attribute$=value] 匹配给定属性是以某些结尾元素 [attribute*=value] 匹配给定属性是以包含某些元素

26.1K20

Web前端学习笔记之jQuery基础

匹配所有索引为偶数元素,从 0 开始计数 :odd // 匹配所有索引为奇数元素,从 0 开始计数 :gt(index)// 匹配所有大于给定索引元素 :lt(index)// 匹配所有小于给定索引元素...示例:开关灯和模态框 CSS css("color","red")//DOM操作:tag.style.color="red" 示例: $("p").css("color", "red"); //所有p...示例: 表格每一行编辑和删除按钮都能触发相应事件。...终止each循环 return false; 伏笔... .data() 在匹配元素集合所有元素上存储任意相关数据或返回匹配元素集合第一个元素给定名称数据存储。...$("div").data("k",100);//给所有div标签都保存一个名为k,为100 .data(key): 描述: 返回匹配元素集合第一个元素给定名称数据存储—通过 .data

3.5K20

【领会要领】web前端-轻量级框架应用(jQuery基础)

就是说它非常请求,大小在30kb左右;具有强大选择器和dom操作封装,可靠事件处理机制,有完善ajax,jquery所有的ajax操作封装到函数``$.ajax()`具有丰富插件,完善文档...$(".class属性") $(".cls1").css(...); $("标记名称"); // 找到所有P标签 $("p") 属性选择器 $("[属性名"]) 匹配所有具有指定属性元素...appendTo() 所有匹配元素追加到另一个指定元素集合 注意:$(A).append(B)操作,不是B追加到A,而是A追加到B prepend() 向每个匹配元素内部前置内容...注意:$(A).prepend(B)操作,不是B前置到A,而是A前置到B after() 在每个匹配元素之后插入内容 insertAfter() 所有匹配元素插入另一个指定元素集合后面...注意:$(A).before(B)操作,不是B插入A前面,而是A插入B前面 删除HTML元素 删除HTML元素一般使用jqueryremove()和empty() remove()作用就是从

2.1K20

jquery

匹配所有索引为偶数元素,从 0 开始计数 :odd // 匹配所有索引为奇数元素,从 0 开始计数 :gt(index)// 匹配所有大于给定索引元素 :lt(index)// 匹配所有小于给定索引元素...示例:开关灯和模态框 CSS css("color","red")//DOM操作:tag.style.color="red" 示例: $("p").css("color", "red"); //所有p...示例: 表格每一行编辑和删除按钮都能触发相应事件。...终止each循环 return false; 伏笔... .data() 在匹配元素集合所有元素上存储任意相关数据或返回匹配元素集合第一个元素给定名称数据存储。...$("div").data("k",100);//给所有div标签都保存一个名为k,为100 .data(key): 描述: 返回匹配元素集合第一个元素给定名称数据存储—通过 .data

5.8K30

jQuery

HTML文件引入这个文件,就可以使用这个文件帮我们提供jquery接口了。     ...开始计数 :odd // 匹配所有索引为奇数元素,从 0 开始计数 :gt(index)// 匹配所有大于给定索引元素 :lt(index)// 匹配所有小于给定索引元素 :not(元素选择器...,只有文本内容,没有标签 text(val)// 设置所有匹配元素内容,不识别标签,标签作为文本插入进去     : val()// 取得第一个匹配元素的当前 val(val)// 设置所有匹配元素...在匹配元素集合所有元素上存储任意相关数据或返回匹配元素集合第一个元素给定名称数据存储。...$("div").data("k",100);//给所有div标签都保存一个名为k,为100 .data(key): 取值,没有的话返回undefined     描述: 返回匹配元素集合第一个元素给定名称数据存储

8.9K20

jQuery

)// 匹配所有大于给定索引元素 :lt(index)// 匹配所有小于给定索引元素 :not(元素选择器)// 移除所有满足not条件标签 :has(元素选择器)// 选取所有包含一个或多个标签在其内标签...CSS css("color","red")//DOM操作:tag.style.color="red" 示例: $("p").css("color", "red"); //所有p标签字体设置为红色...示例: 表格每一行编辑和删除按钮都能触发相应事件。....data() 在匹配元素集合所有元素上存储任意相关数据或返回匹配元素集合第一个元素给定名称数据存储。...$("div").data("k",100);//给所有div标签都保存一个名为k,为100 .data(key); 描述:返回匹配元素集合第一个元素给定名称数据存储通过  .data(

4.5K50

JQuery学习

}); }*/ //JQuery入口函数(dom文档加载完成之后执行该函数代码) $(function () { //1.获取...首元素选择器 * 语法: :first 获得选择元素第一个元素 2. 尾元素选择器 * 语法: :last 获得选择元素最后一个元素 3....").css("backgroundColor","pink"); }); //<input type="button" value=" 改变索引<em>值</em>为奇数<em>的</em> div 元素<em>的</em>背景色为...2<em>添加到</em>对象1元素内部,并且在末尾 2.prepend():父元素<em>将</em>子元素追加到开头 * 对象1.prepend(对象2):将对象2<em>添加到</em>对象1元素内部,并且在开头 3.appendTo():父元素<em>将</em>子元素追加到末尾...* 对象1.appendTo(对象2):将对象1<em>添加到</em>对象2元素内部,并且在末尾 4.prependTo():父元素<em>将</em>子元素追加到开头 * 对象1.prependTo(对象2):将对象

16.5K20

jquery选择器用法_jQuery属性选择器

在一个页面,一个元素可以有多个CSS类,一个CSS类又可以匹配多个元素,如果有元素中有一个匹配类名称就可以被类选择器选取到。...简单地说类名选择器就是以元素具有CSS类名称查找匹配元素。...使用公式:(“.class”) 示例:(“.box”) //获取class属性为box所有元素 4.复合选择器 复合选择器多个选择器...(可以是ID选择器、元素选择器或是类名选择器)组合在一起,两个选择器之间以逗号”,”分隔,只要符合其中任何一个筛选条件就会被匹配,返回是一个集合形式jQuery包装集,利用jQuery索引器可以取得集合...符号问题: 在jQuery升级版本过程jQuery在1.3.1版本彻底放弃了1.1.0版本遗留@符号,假如我们使用1.3.1以上版本,那么不需要在属性前添加@符号 (“div[@name=”

12.1K30

第50次文章:JQuery基础

js -- > jq: $(js对象) 四、选择器 筛选具有相似特征元素(标签) 1、基本语法学习 (1)事件绑定 //1.获取b1按钮 $("#b1").click(function () {...alert("abc"); }); (2)入口函数 $(function () { //给b1按钮添加单击事件 //1.获取b1按钮 $("#b1").click(function...语法:$("A[属性名=''][]...")包含多个属性条件选择器 (4)过滤选择器 首元素选择器。语法::first 获得选择元素第一个元素 尾元素选择器。...3、CRUD操作 1. append():父元素子元素追加到末尾 * 对象1.append(对象2):将对象2添加到对象1元素内部,并且在末尾 2. prepend():父元素子元素追加到开头.../js/jquery-3.3.1.min.js"> *{margin: 0;padding: 0;list-style:

1.6K30

jquery mobile 移动web(1)

轻量级框架jQuery Mobile   所需文件     <link rel="stylesheet" href="<em>jquery</em>.mobile-1.1.2/<em>jquery</em>.mobile-1.1.2.<em>css</em>...自定义属性,要求前缀必须带有“data-”字符,“data-”后面允许使用任何<em>值</em>,它允许开发人员<em>将</em>这类属性<em>添加到</em>HTML标签<em>中</em>,   充当元素<em>的</em>私有数据存储区域,不允许元素<em>的</em>原有功能,也不会影响布局...<em>jQuery</em> Mobile 使用<em>的</em>自定义属性。   1.data-role     定义元素在页面<em>中</em><em>的</em>功能角色,该属性允许定义不同<em>的</em>组件,元素及页面视图。   ...3.data-transition     定义视图切换<em>的</em>动画效果。   4.data-rel     定义<em>具有</em>浮动层效果<em>的</em>视图。   ...10.data-rel     定义<em>具有</em>特定功能<em>的</em>元素属性, 例如返回<em>按钮</em> data-rel="back".   11.data-add-back-btn     指定视图页面自动在页眉左侧添加返回按钮

2K60

jQuery Mobile 中使用 UI 组件

第二个选项是在对话框超链接上使用 data-rel 属性,并将其设置为 back,如以下代码所示。当在对话框包括一个 Cancel 按钮时,这是一个不错选项。...根据您添加到 navbar 按钮数量,它将这些按钮平均分布,使它们大小都一样。...list-divider,使这些列表项与其他列表项具有不同视觉样式。...在这种情况下,您就会有一个长列表,它看起来几乎是无法使用,而搜索筛选器栏就是处理该问题一个很好方式。很幸运,使用 jQuery Mobile 搜索筛选器栏添加到列表并不需要花很大功夫。...该属性一个自定义 jQuery Mobile 选择列表转换为一个切换开关。 结束语 jQuery Mobile 框架提供一个为移动网站创建可用 UI 组件快速解决方案。

8K20

jQuery 教程

当我们在教程中演示 jQuery 时,会将函数直接添加到 部分。...() 从匹配元素搜索给定元素 $.noConflict() 释放变量 $ jQuery 控制权 $.param() 创建数组或对象序列化表示形式(可在生成 AJAX 请求时用于 URL 查询字符串...返回被 jQuery 选择器匹配 DOM 元素数量 toArray() 以数组形式检索所有包含在 jQuery 集合所有 DOM 元素 pushStack() 一个DOM元素集合加入到jQuery...() 确定回调是否至少已经调用一次 callbacks.firewith() 给定上下文和参数访问列表所有回调 callbacks.has() 判断回调列表是否添加过某回调函数 callbacks.lock...jQuery css() – 返回 CSS 属性 返回第一个匹配元素css属性 jQuery css() – 设置 CSS 属性 设置 所有配置元素指定 CSS 属性 jQuery css(

16.9K20

21.jQuery

jQuery核心特性可以总结为:具有独特链式语法和短小清晰多功能接口;具有高效灵活css选择器,并且可对CSS选择器进行扩展;拥有便捷插件扩展机制和丰富插件。...,从 0 开始 $("tr:odd") //索引为奇数元素,从 0 开始 $("tr:eq(1)") //给定索引元素 $("tr:gt(0)") //大于给定索引元素...:eq(匹配一个给定索引元素) $('ul li:eq(2)') 333 4.gt(匹配所有大于给定索引元素) $('ul li:gt(2)') 444...=value] 匹配所有不含有指定属性,或者属性不等于特定元素 [attribute^=value] 匹配给定属性是以某些开始元素 [attribute$=value] 匹配给定属性是以某些结尾元素...一组元素转换成其他数组(不论是否是元素数组) has 保留包含特定后代元素,去掉那些不含有指定后代元素 not 从匹配元素集合删除与指定表达式匹配元素 slice

2.9K90
领券