文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

jquery 使用方法

使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素。...jQuery使用同一个函数，来完成取值(getter)和赋值(setter)。到底是取值还是赋值，由函数的参数决定。....val() 取出或设置html内容 取出某个表单元素的值 需要注意的是，如果结果集包含多个元素，那么赋值的时候，将对其中所有的元素赋值;取值的时候，则是只取出第一个元素的值(.text(...如果该值不在数组中，则返回-1。 4 $.grep() 返回数组中符合某种标准的元素。 5 $.extend() 将多个对象，合并到第一个对象。...依次运行多个函数 26 .unload() 用户离开页面 以上这些事件在jQuery内部，都是.bind()的便捷方式。

1.9K10

前端架构师之01_JQuery

,function) 在父元素上检测子元素失去焦点的情况 表单事件 select([[data],function]) 当文本框（包括和）中的文本被选中时触发 表单事件...） 编写个数 不能同时编写多个 能够同时编写多个 简化写法 无 $() jQuery中的ready与JavaScript中的onload相比，不仅可以在页面加载后立即执行，还允许注册多个事件处理程序。...语法 说明 on(events,[selector],[data],function) 在匹配元素上绑定一个或多个事件处理函数 off(events,[selector],[function]) 在匹配元素上移除一个或多个事件处理函数...设置焦点图的外边框的宽度以及超出隐藏，限定其只能显示一张图片。 切换到下一张时，只需要修改焦点图外层样式中的left值，就可以将焦点图整体向左移动，从而显示第2张图片。...7.3 jQuery UI jQuery UI是在jQuery基础上新增的一个库。 特点： 拥有强大的可扩展功能，具有吸引人的漂亮页面，能够更轻松地在网页中添加专业级的UI元素。

1.7K00
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    jQuery设计思想

    a:first') //选择网页中第一个a元素 　　$('tr:odd') //选择表格的奇数行 　　$('#myForm :input') // 选择表单中的input元素 　　$(...() 取出或设置某个元素的高度 .val() 取出某个表单元素的值 需要注意的是，如果结果集包含多个元素，那么赋值的时候，将对其中所有的元素赋值；取值的时候，则是只取出第一个元素的值（.text...$.extend() 将多个对象，合并到第一个对象。 $.makeArray() 将对象转化为数组。 $.type() 判断对象的类别（函数对象、日期对象、数组对象、正则对象等等）。....change() 表单元素的值发生变化 .click() 鼠标单击 .dblclick() 鼠标双击 .focus() 表单元素获得焦点 .focusin() 子元素获得焦点 .focusout....select() 用户选中文本框中的内容 .submit() 用户递交表单 .toggle() 根据鼠标点击的次数，依次运行多个函数 .unload() 用户离开页面 以上这些事件在

    2.4K60

    02-老马jQuery教程-jQuery事件处理

    它发生在当前获得焦点的元素上。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。...它发生在当前获得焦点的元素上。 不过，与 keydown 事件不同，每插入一个字符，就会发生 keypress 事件。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。...在绑定事件之前，一定要确保页面中的DOM元素已经就绪。如果没有就绪或者后面动态添加的DOM元素则不会动态更新事件处理程序。 参数： type: 含有一个或多个事件类型的字符串，由空格分隔多个事件。...在每个对象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象，可以通过它来阻止（浏览器）默认的行为。...说明：在选择元素上绑定一个或多个事件的事件处理函数。

    3.2K80

    4-Jquery学习四-事件操作

    off()函数主要用于解除由on()函数绑定的事件处理函数。 10,one one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数。...这里介绍的load()是一个事件函数，jQuery中还有一个同名的Ajax函数load()，用于通过Ajax加载html文档内容。...resize事件会在元素的尺寸大小被调整时触发。该事件常用于window对象(浏览器窗口)或框架页面。 此外，你可以为同一元素多次调用该函数，从而绑定多个事件处理函数。...[' + map[this.name] + ']' ); } ); 18，blur blur事件就是获得失去鼠标光标焦点事件 注意： 并不是所有元素都可以失去焦点，可以获得鼠标光标焦点的元素主要是表单输入元素...事件绑定处理函数(可以绑定多个，触发时按照绑定顺序依次执行)： focusin是支持冒泡的，当我们把鼠标光标放入文本框时，该事件冒泡传递到父元素p上，因此可以在p元素上触发focusin事件。

    5K90

    02-老马jQuery教程-jQuery事件处理

    它发生在当前获得焦点的元素上。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。...它发生在当前获得焦点的元素上。 不过，与 keydown 事件不同，每插入一个字符，就会发生 keypress 事件。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。...在绑定事件之前，一定要确保页面中的DOM元素已经就绪。如果没有就绪或者后面动态添加的DOM元素则不会动态更新事件处理程序。 参数： type: 含有一个或多个事件类型的字符串，由空格分隔多个事件。...在每个对象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象，可以通过它来阻止（浏览器）默认的行为。...使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）在选择元素上绑定一个或多个事件的事件处理函数。

    7K00

    jQuery

    ’*"’) 匹配所有元素 类选择器 $(".class") 获取同一类class的元素 标签选择器 $(“div”) 获取同一类标签的所有元素 并集选择器 $(“div,p,li”) 选取多个元素 交集选择器...3.切换类 $("div").toggleClass("current"); 在原生js中className会覆盖类名，在jQuery中指操作指定类名，不影响原先的类名 3.2 jQuery效果...attr() //获取 attr('属性名'); //更改 attr('属性名','属性值'); 4.1.3 数据缓存 data() 可以在指定的元素上存取数据，但不会修改DOM元素结构。...").val("123");//改表单的内容 保留2位小数 toFixed(2) 4.3 元素操作 4.3.1 遍历元素 隐式迭代是对同一类元素做同一件事情，但是要做不同事情的话还是需要使用遍历...如果参数是数字，则修改样式 参数不写单位 4.4.2 jQuery 位置操作 offset()设置获取元素偏移 获取的位置是相对于文档的偏移坐标，与父级没有关系 传入的参数是一个对象 //获取偏移量

    9.6K10

    day01jQuery节点操作

    样式设置时通常会设置多个样式 //jquery提供的css方法可以解析json格式数据 可以使用json形式填入多个样式修改 $d1.css({"width":"200px","height...样式设置时通常会设置多个样式 //jquery提供的css方法可以解析json格式数据 可以使用json形式填入多个样式修改 $d1.css({ "width": "200px",...1、onload事件是在页面的DOM结构及图片资源都加载完毕后执行的，而ready事件是在DOM结构加载完后执 2、onload事件只能使用一次，ready事件可使用多次 //onload是在页面结构都加载完毕...//失去焦点事件，当输入框失去焦点时将背景变为白色 $('input').blur(function(){ $(this).css('background-color','white') })...5.3 表单提交事件 submit事件简化了js中的表单提交事件 //该函数的目的是为了验证表单中的数据，并给出验证的结果 function check(){ return false; }

    25000

    【前端】Web前端学习笔记【1】

    要匹配变长的字符，在正则表达式中，用*表示任意个字符（包括0个），用+表示至少一个字符，用?...属性 值 描述 for id 规定 label 绑定到哪个表单元素。 form formid 规定 label 字段所属的一个或多个表单。...键盘事件 键盘事件仅作用在当前焦点的DOM上，通常是和。 keydown：键盘按下时触发； keyup：键盘松开时触发； keypress：按一次键后触发。...其中： jQuery提供的辅助方法 $.extend(target, obj1, obj2, ...) ， 它把多个object对象的属性合并到第一个target对象中，遇到同名属性，总是使用靠后的对象的值...如果有多个脚本，执行属性也许跟它们在源代码中的顺序不一致，取决于哪个先加载完成 - 不设置async，设置defer     页面解析后执行脚本，脚本的执行顺序确定 - 不设置async和defer

    65590

    前端(四)-jQuery

    = loadTwo; //只有后面这个才有效 //jQuery 的用法，页面结构加载完成后，调用函数，可以定义多个，互相不影响,且都可以执行 //三个都可以执行 $(document...(B) 将B节点追加到A节点的子节点中 $(A).prependTo(B) 将A节点追加到B节点的子节点中 注意：jq中已经创建好的同一节点，多次执行插入，只会执行一次 var $node2 = $(..."上海新增本土54例"); $node2.appendTo($("ul")); //执行 //jq中已经创建好的同一节点，多次执行插入，只会执行一次 $node2.appendTo($...($(this).html()); //$(this)转换为jQuery节点 }); 3.6.5 end() 结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态； //end():结束当前的最后一次筛选...prop() 方法设置或返回被选元素的属性和值 prop(参数1，参数2)： 参数1用于设置属性 参数2设置属性值 下面一个简单的案例来应用一下这个方法： head部分 <script src="

    9.3K30

    jQuery Cheat—Sheet（jQuery学习笔记）

    jQuery能满足以下需求： 取得文档中的元素、修改页面外观、改变文档内容、响应用户的交互操作、为页面添加动态效果、不刷新加载、简化常见的JavaScript任务。 ---- jQuery版本？...函数接受CSS选择符作为参数，充当一个工厂，返回包含页面中对应元素的jQuery对象。...jQuery 事件方法语法 在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法。 页面中指定一个点击事件： $("p").click(); 下一步是定义什么时间触发事件。...fadeTo() 方法中必需的opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。 可选的 callback参数是该函数完成后所执行的函数名称。...**Chaining 允许我们在一条语句中运行多个 jQuery 方法**（在相同的元素上） ### jQuery 方法链接 有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery

    17.4K30

    form表单提交的几种方式

    除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。 json：返回JSON数据。 jsonp：JSONP格式。...如果设置，则规定当页面加载时 元素应该自动获得焦点。 form 属性规定 元素所属的一个或多个表单。...如果设置，则规定允许用户在 元素中输入一个以上的值。 multiple 属性适用于以下输入类型：email 和 file。...placeholder 属性规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。 该提示会在用户输入值之前显示在输入字段中。...-- 在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮（）就可以进行数据的提交，每一个input标签都需要有一个

    7.6K20

    2019年底前的web前端面试题初级-web标准应付HR大多面试问题

    属性： placeholder 简短的提示信息 autocomplete 快速输入，一般浏览器提供了自动补全的功能选择 autofocus 当浏览器打开这个页面时，这个表单控件会自动获取焦点 list...为文本框指定一个可用的选项列表，当用户在文本框中输入信息时，会根据输入的字符，自动显示下拉列表提示，供用户从中选择 pattern 用于验证表单输入的内容 novalidate 当提交表单的时候不会其进行验证...formtarget 带有两个提交按钮的表单，会提交到不同的目标窗口 multiple 一次上传多个文件 maxlength 用于规定文本区域的最大字符数 wrap 是否包含换号符 css选择器...break和continue break退出循环 continue跳转本次循环，继续下一次循环 数组： array数组对象用于在单个的变量中存储多个值 数组，一次性申请一批存储空间，引用类型 数组声明方式...substr(start[,length]),start开始，取length个字符 split(),split([separator[,limit]]),按条件分割字符串，返回数组 indexOf()在父串中首次出现的位置

    2.8K50

    JQuery最全常用方法指南

    在每个页面中可以 有很多个函数被加载执行，按照fn的顺序来执行。 bind(type, [data], fn) 为每一个匹配元素的特定事件（像click）绑定一个或多个事件处理器函数。...在每个对 象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。 trigger(type, [data]) 在每一个匹配的元素上触发某类事件。...(); //返回id为msg的元素的宽度 $("#msg").width("300"); //将id为msg的元素的宽度设为300 $("input").val("); //返回表单输入框的value...值 $("input").val("test"); //将表单输入框的value值设为test $("#msg").click(); //触发id为msg的元素的单击事件 $("#msg").click...，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。

    12.3K31

    javaWeb核心技术第五篇之jQuery

    - 方式1:jQuery对象[index] - 方式2:jQuery对象.get(index) - 事件(event) "在js的事件中,事件前加on,在jq的事件中通常没有on,直接写名称即可..." - 页面加载成功事件 - 格式1:$(document).ready(function(){}); - 格式2:$(function(){}); - 注意:在同一个页面内...,jquery的页面加载成功事件可以出现多次,从上到下依次执行,js的页面加载成功事件只能出现一次,即使出现多次,也只有最后一个生效 - 重点事件 - click - change..."想要使用别人的插件就必须的导入人家已经写好的js文件(插件)" - 3.在页面加载成功后,要确定对页面上的哪个表单进行校验 " $(function(){.../js/messages_zh.js" > /*3.在页面加载成功之后,锁定要校验的表单对象*/ $(function(){ //锁定要校验的表单对象

    8.6K10

    【转】jQuery验证控件jquery.validate.js使用说明+中文API

    min: jQuery.validator.format("请输入一个最小为{0} 的值") }); 推荐做法，将此文件放入messages_cn.js中，在页面中引入 <script src=...() { $("#signupForm").validate({ debug:true }); }); 如果一个页面中有多个表单都想设置成为debug，用 $.validator.setDefaults...，未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点 focusCleanup：Boolean  Default: false 如果是true那么当未通过验证的元素获得焦点时，...1.要在additional-methods.js文件中添加或者在jquery.validate.js添加 建议一般写在additional-methods.js文件中 2.在messages_cn.js...,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点 $(".selector").validate({    focusInvalid:false }) focusCleanup

    5.4K40

    前端之jquery函数库

    jquery是一个函数库，一个js文件，页面用script标签引入这个js文件就可以使用。...，做得多） 1、http://jquery.com/ 官方网站 2、https://code.jquery.com/ 版本下载 jquery文档加载完再执行 　　将获取元素的语句写到页面头部，会因为元素还没有加载而出错...动画 　　通过animate方法可以设置元素某属性值上的动画，可以设置一个或多个属性值，动画执行完成后会执行一个函数。...事件冒泡的作用  事件冒泡允许多个操作被集中处理（把事件处理器添加到一个父级元素上，避免把事件处理器添加到多个子级元素上），它还可以让你在对象层的不同级别捕获事件。...jsonp和ajax原理完全不一样，不过jquery将它们封装成同一个函数。

    5.6K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券