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

    前端(四)-jQuery

    选择器 基本选择器的语法:$("选择器").action(); 2.1 基本选择器 名称 语法 说明 标签选择器 element 选取指定标签名的元素 类选择器 .class 选取指定类名的元素 ID选择器...$("选择器").css({"属性名称":"属性","属性名称":"属性"}) 对多个css属性赋值 2.7 $(this).find("标签名") $(this)就是将这个dom对象转换成jquery...") 当前标签下的指定标签 $(this).index() 当前标签的下标 3、jQuery基本操作 3.1 样式操作 方法(已声明好的外部样式类名,多个使用空格分割) 说明 addClass("样式类名...").attr("属性名") 获取指定属性的属性 $("元素标签").attr("属性名","属性") 设置指定属性的属性 $("元素标签").attr({"属性名":"属性","属性名":"属性...方法,必须是转化为jQuery节点 alert($(this).html()); //$(this)转换为jQuery节点 }); 3.6.5 end() 结束当前链条的最近的筛选操作,并将匹配元素集还原为之前的状态

    8.5K30

    Web-第四天 jQuery学习

    //实际开发,我们习惯将标签编写在标签体内, //整个页面的解析时从上网下的,此时将不能获得对象...,只要获得jQuery对象,就可以直接绑定事件,jQuery使用的事件与javascript使用的事件名称雷同,jQuery将js事件前面的on去掉了。...通过“层级选择器”获得需要的操作对象,通过“表单属性过滤选择器”已有的对象筛选出需要的,最后通过“文档处理”将筛选后的内容追加到指定的位置。...* * 进行校验时,长度15:都是数字;长度18:都是数字或末尾为X或x * 1)校验规则名称:cardformat * 2)校验处理函数:fn(value , element , params)...语法: 校验类型 取值 描述 required true|false 必填字段 email @ 邮件地址 url 路径 date 数字 日期 dateISO 字符串

    3.5K40

    jQuery

    而在jQuery的事件没有on,直接写名称即可. 1.页面加载成功事件 格式1: $(document).ready(function(){}); 格式2: $(function(){}); 注意:同一个页面内...事件和事件源的绑定 派发事件: jq对象.事件名称(function(){}); 要将jq代码写在head标签,那么要保页面加载成功后才能使用jq的事件: jQuery对象.事件名称(fun(){}...jQuery的事件绑定与解绑: on 绑定事件: jQuery对象.on("事件名称",function(){}) off 解绑事件: jQuery对象.off("事件名称") |如果不给名称...jq对象.val() 获取 | jq对象.val("") 设置 html(): 对标签体的操作。...requiredtrue|false必须填写numbertrue|false只能输入数字min数字最小max数字最大range[min,max]取值范围minlength数字最小长度maxlength

    4.3K20

    JavaScript之事件及动画

    数组和类似数组的对象通过一个长度属性(如一个函数的参数对象)来迭代数字索引,0到length - 1。其他对象通过其属性名进行迭代。....each() 方法用来迭代jQuery对象的每一个DOM元素。每次回调函数执行时,会传递当前循环次数作为参数(0开始计数)。...终止each循环 return false; .date() 在匹配的元素集合的所有元素上存储任意相关数据或返回匹配的元素集合的第一个元素的给定名称的数据存储的。...$("div").data("k",100);//给所有div标签都保存一个名为k,为100 .data(key): 描述: 返回匹配的元素集合的第一个元素的给定名称的数据存储的—通过 .data...$("div").data("k");//返回第一个div标签中保存的"k"的 .removeData(key): 描述:移除存放在元素上的数据,不加key参数表示移除所有保存的数据。

    1.3K50

    webpack(4.8.3)总结之一

    2)、——dirname为node对象,意思为当前目录下 3)、[name]指向entry的key,如index、app 4、module:配置依赖,需使用什么依赖来编译需要打包的文件 ?.../src/html/index.html’,//要生成html文件的原文件 chunks: ['index' //需要插入该html的js文件,入口文件中选取对应的js文件名称...//Provide的P必须为大写,否则会报错 new webpack.ProvidePlugin({ $:’jquery’, jquery:’jquery',...css打包后最终只合成一个css }) ] 2、js公共代码提取(针对多入口文件) 例:index.js、app.js都引入了jquery和utils(自己写的功能) ?...并且在生成页面的chunks需引入公共代码的chunk名称,特别是manifest模块(webpack自身的脚本),如不引入,所有的脚本将不执行 ? ?

    81740

    webpack(4.8.3)总结

    2)、——dirname为node对象,意思为当前目录下 3)、[name]指向entry的key,如index、app 4、module:配置依赖,需使用什么依赖来编译需要打包的文件 ?.../src/html/index.html’,//要生成html文件的原文件 chunks: ['index' //需要插入该html的js文件,入口文件中选取对应的js文件名称...//Provide的P必须为大写,否则会报错 new webpack.ProvidePlugin({ $:’jquery’, jquery:’jquery',...css打包后最终只合成一个css }) ] 2、js公共代码提取(针对多入口文件) 例:index.js、app.js都引入了jquery和utils(自己写的功能) ?...并且在生成页面的chunks需引入公共代码的chunk名称,特别是manifest模块(webpack自身的脚本),如不引入,所有的脚本将不执行 ? ?

    74340

    jQuery

    获取和设置文本内容 text() 方法不写参数获取文本 text() 方法写参数设置文本 如果设置的文本包含标签,是不会把这个标签给解析出来的$('#div1').text('我是新设置的文本<a...', '300px') $('#div1').css('height', 300) 设置多样式$('#div1').css({ //属性可以不加引号 //如果是复合属性则必须采取驼峰命名法,不是数字要加引号...(2)”) 获取到的li元素,选择索引号为2的元素,索引号index0开始 :odd $(li:odd) 获取到的li元素,选择所要为奇数的元素 :even $(li:even) 获取到的...li元素,选择所要为偶数的元素 名称 用法 描述 :eq(index) $(“li:eq(2)”) 获取到的li元素,选择索引号为2的元素,索引号index0开始 :odd $(li:odd) 获取到的...,而不是mouseover 鼠标离开事件使用mouseleave,而不是mouseout 案例-突出显示 案例-手风琴 淘宝服饰精品 index() $(‘li’).index() 获取li标签在兄弟元素间的索引

    1.1K20

    最常见的 20 个 jQuery 面试问题及答案

    你如何使用jQuery提取一个HTML 标记的属性 例如. 链接的href? (答案)   attr() 方法被用来提取任意一个HTML元素的一个属性的....你如何使用jQuery设置一个属性? (答案)   前面这个问题之后额外的一个后续问题是,attr()方法和jQuery的其它方法一样,能力不止一样....如果你在调用attr()的同时带上一个 例如. attr(name, value), 这里name是属性的名称,value是属性的新。   ...你如何使用jQuery提取一个HTML 标记的属性 例如. 链接的href? (答案)   attr() 方法被用来提取任意一个HTML元素的一个属性的....如果你在调用attr()的同时带上一个 例如. attr(name, value), 这里name是属性的名称,value是属性的新

    13.8K30

    Jmeter(十七) - 入门到精通 - JMeter后置处理器 -上篇(详解教程)

    No.(0 for Random):匹配数字 0随机一个,否则索引(1开始) Default Value: 缺省 在无法提取内容的情况下放入变量的。...(6)匹配数字:0代表随机取值,1代表全部取值,通常情况下填0   (7)缺省:如果参数没有取得到,那默认给一个让它取。...提取出来的用来传参请求结果: ? 3.4正则表达式提取器 允许用户使用正则表达式服务器响应中提取值。...作为后处理器,此元素将在其范围内的每个Sample请求之后执行,应用正则表达式,提取请求的,生成模板字符串,并将结果存储到给定的变量名称。...如:$1$表示解析到的第1个   (4)匹配数字:0代表随机取值,1代表全部取值,通常情况下填0   (5)缺省:如果参数没有取得到,那默认给一个让它取。

    2.7K30

    jquery面试题目_高并发面试题

    你可以使用下面这个 jQuery 代码片段来选择所有嵌套在段落(标签)内部的超链接(标签)…… 11. $(this) 和 this 关键字在 jQuery 中有何不同?...你如何使用jQuery提取一个HTML 标记的属性 例如. 链接的href? (答案) attr() 方法被用来提取任意一个HTML元素的一个属性的....你如何使用jQuery设置一个属性? (答案) 前面这个问题之后额外的一个后续问题是,attr()方法和jQuery的其它方法一样,能力不止一样....如果你在调用attr()的同时带上一个 例如. attr(name, value), 这里name是属性的名称,value是属性的新。...好吧,除了报错节省服务器带宽以及更快的下载速度这许多的好处之外, 最重要的是,如果浏览器已经同一个CDN下载类相同的 jQuery 版本, 那么它就不会再去下载它一次.

    9.4K10

    最新jquery+easyui_api培训文档

    1.2 参数 1.2.1 容器参数 参数名称 参数类型 描述 默认 width 数字 可折叠标签的宽度。 auto height 数字 可折叠标签的高度。...true 1.2.2 面板参数 可折叠标签面板继承自面板(panel),许多属性定义在标签里,下面的属性就是如此: 参数名称 参数类型 描述 默认 selected 布尔 设置可折叠标签默认展开的标签页...width 数字 组件的宽度 auto listWidth 数字 下拉列表的宽度 null listHeight 数字 下拉列表的高度 null valueField 字符串 基础数据名称绑定到这个组合框...min 数字 文本框可允许的最小 null max 数字 文本框可允许的最大 null precision 数字 最高可精确到小数点后几位 0 7 ValidateBox(验证框) 7.1...则显示标签容器的边框 true scrollIncrement 数字 滚动按钮每次被按下时滚动的像素 100 scrollDuration 数字 每次滚动持续的毫秒数 400 11.3 事件 事件名

    3.2K40

    Django框架学习笔记(六)模板语言DTL

    图片.png 注意:如果模板放在app,必须保证当前app已被安装;在settings的INSTALLED_APPS添加app名称。...,必须传递字典类型 content ={'user': username} # user:在模板通过这个名称访问,username:具体传过去的 return render...在模板语言中访问列表或者元组的元素时可以使用变量名.数字来访问列表的元素,访问字典的元素可以使用变量名.键名来访问。...1.案例 我们文件夹读取学生信息,打包成由字典组成的列表,通过context参数传递给html页面并显示出来。我们首先定义一个方法load_from_file用于读取文本文件并打包成列表。...'external/datatable/js/jquery.dataTables.js' %}"> 在html的table标签使用id属性后,在head标签结束前的script标签内添加脚本

    4.3K41

    全网最新、最全的jQuery核心知识,你真的不想点开看看嘛?

    $("#dom对象的id") class选择器:class表示css的样式,使用样式的名称定位dom对象。 $(".class样式名") 标签选择器:使用标签名称定位dom对象。...$("标签名称") 9.2 所有选择器 所有选择器:选取页面中所有的DOM对象 $("*") 9.3 组合选择器 组合选择器是多个被选中对象间使用逗号隔开后形成的选择器,可以组合 id、class、标签名等...表单选择器: 使用 标签的type属性,定位dom对象的方法。...on的部分,例如:js的单击事件 onclick(), ​ jQuery的事件名称,就是click,都是小写的。...我们主要用的是 json的jQuery xml, json, text,, html 这些测试最可能的类型。

    5.9K10

    JavaScript(15)jQuery 选择器

    jQuery 选择器 选择器同意对元素组或单个元素进行操作。 jQuery 元素选择器和属性选择器同意通过标签名、属性名或内容对 HTML 元素进行选择。...在 HTML DOM 术语:选择器同意对 DOM 元素组或单个 DOM 节点进行操作。 jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。...(“[href=’.jpg’]”) 选取全部 href 以 “.jpg” 结尾的元素。 jQuery CSS 选择器 jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。...如:(“ul li:first”)、(“div#intro .head”)) 选取当前 HTML 元素:$(this) 嵌套选择器 如:选取指定标签的其他标签的元素:$(标签名 *) (注意指定的标签中一定要有其他标签...不要使用数字开头的 ID 名称! 在某些浏览器可能出问题。 不要使用数字开头的类名!在某些浏览器可能出问题。 详细使用时,能够參考“jQuery 选择器參考手冊”。看看有哪些选择器。

    1.7K10

    通过案例带你轻松玩转JMeter连载(34)

    7.3 后置处理器/提取器 1 CSS/JQuery提取器 CSS提取器或JQuery提取器是JMeter支持的两种语法提取器。 CSS提取器参考表1。JQuery提取器参考表6-2。...表1 CSS提取器 表2 JQuery提取器 通过右键在弹出菜单中选择“添加->后置处理器->CSS/JQuery提取器”。按照图25进行设置。...引用名称:获取到的变量的名称。 CSS选择器表达式:CSS/JQuery选择器表达式。 属性:要提取的元素的属性,示例:“href”选择链接时。...匹配:同正则表达提取器相应字段。 默认:在无法提取内容的情况下放入变量的。 2 JOSN提取器 JOSN提取器,JSON里面获取所要的内容。...Default Values:以英文分号分隔的默认,若表达式没有匹配结果,则使用默认。 3 JSON JMESPath提取器 JSON JMSPath提取器,也可以JSON里面获取所要的内容。

    83120

    HTML5 自定义属性 data-* 和 jQuery.data 详解

    HTML5 Dataset 存储的例子 为一个元素分配data属性存储数据,例如这是一个span元素,它的内容是一首音乐的名称,我们为其HTML标签里直接预置这首歌的更多信息,在HTML源码上看起来可以这样来写...其中data-available没有,允许空,例如在这个情况下,它仅代表该食物可以订购,所以不需要有。...利用 jQuery.data 方法存取 dataset jQuery1.4.2版本开始支持$.data()方法来直接访问data属性,同时也不需要写"data-"关键词了,例如,对于上面的例子,可以运行...解析 Dataset 的 JSON 信息 事实上,jQuery还可以很聪明的data里提取出json信息转换为对象: <span id="song-jsn" data-meta='{"name"...如果我想要所有的现在可订购的食物在点击后弹出对话窗,在<em>jQuery</em>里,也可以通过<em>中</em>括号[]用以下方式去轻松匹配 window.<em>jQuery</em> && (function($){ $(".food").filter

    1.5K50
    领券