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

前端开发JS——jQuery常用方法

1，敲击鼠标中键which的值是2，敲击鼠标右键which的值是3 3、jQuery鼠标事件之mousemove事件 mousemove方法用于监听用户鼠标指针移动的操作，只有鼠标指针移动就生效，只在绑定事件的元素的区域里...13、jQuery键盘事件之keypress()事件 keydown事件触发在文字还没敲进文本框，这时如果在keydown事件中输出文本框中的文本得到的是触发键盘事件前的文本，而keyup事件触发时整个键盘事件的操作已经完成...无参数 若元素隐藏，则会显示；若显示，则隐藏 $ele.toggle(options) 动画隐藏或显示会慢慢改变宽高，致使页面布局发生改变 options可以传递多个参数，可以字典的形式传递，具体属性及属性值可查阅官方文档...options可以传递多个参数，可以字典的形式传递，具体属性及属性值可查阅官方文档。...快捷参数：fast默认200ms，slow默认600ms，必需参数（duration时间、opacity透明度值），complete:function(){}等 8、jQuery中toggle与slideToggle

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

    jQuery（操作DOM-内容及值的操作）

    目录 val 方法 text 方法 html 方法 内容及值的操作 注意：对比js，js中使用的获取属性和为属性设置的方式，jquery中使用的是方法； val 方法 val() 用于获取单行文本框的值...var $obj = $("#username"); //使用jQuery选择id元素 var obj = document.getElementById("username"); //使用JavaScript...选择id元素 $obj.val();//jQuery获取文本框值的方法 obj.value; //JavaScript获取文本框值的方法 val('') 用于设置单行文本框的值 var $obj =...设置单行文本框的值 obj.value='helloWorld'; //JavaScript设置单行文本框的值 text 方法 text() 用于获取多行文本值（textarea,其他标签中的去除html...获取id元素 $obj.text(); //jQuery获取多行文本值 obj.innerText; //JavaScript获取多行文本值 text("内容") 用于设置多行文本的值（textarea

    76710

    WEB入门之十四 jQuery事件

    属性 说明 type 获取事件类型 target 获取触发事件的元素 result 获取上一个事件处理函数返回的值 which 获取在鼠标单击事件中获取鼠标的按键，值1表示鼠标左键；值2表示鼠标中键；值...事件绑定 jQuery提供了诸多函数来处理复杂的事件，例如动态绑定事件，或者一个元素同时绑定多个事件处理函数，或者多个元素同时共用一个事件处理函数等。...假设给所有的文本框通过bind绑定了鼠标单击事件，然后再动态创建一个文本框，此时绑定的鼠标单击事件对这个新创建的文本框无效；但是如果使用live进行绑定，那么新创建的文本框也会绑定鼠标单击事件。...，多个事件用空格隔开 data：该参数可选，表示事件发生时通过event对象传递的值 fn：表示事件发生时的处理函数 下面我们通过一个示例来演示on函数的用法，该示例让用户输入自己的身份证号，然后单击按钮时分析出用户的出生日期...e.data.sfz.substr(12,2);alert("出生日期是："+y+"年"+m+"月"+d+"日");}}) 在上述代码中，我们使用on函数给按钮绑定了单击事件，并在该事件中通过传参的形式把文本框的值传给处理函数

    2.5K10

    WEB入门之十四 jQuery事件

    属性​ ​说明​ type 获取事件类型 target 获取触发事件的元素 result 获取上一个事件处理函数返回的值 which 获取在鼠标单击事件中获取鼠标的按键，值1表示鼠标左键；值2表示鼠标中键...事件绑定 jQuery提供了诸多函数来处理复杂的事件，例如动态绑定事件，或者一个元素同时绑定多个事件处理函数，或者多个元素同时共用一个事件处理函数等。...假设给所有的文本框通过bind绑定了鼠标单击事件，然后再动态创建一个文本框，此时绑定的鼠标单击事件对这个新创建的文本框无效；但是如果使用live进行绑定，那么新创建的文本框也会绑定鼠标单击事件。...：表示事件类型，多个事件用空格隔开 data：该参数可选，表示事件发生时通过event对象传递的值 fn：表示事件发生时的处理函数 下面我们通过一个示例来演示on函数的用法，该示例让用户输入自己的身份证号...e.data.sfz.substr(12,2); alert("出生日期是："+y+"年"+m+"月"+d+"日"); } } ) 在上述代码中，我们使用on函数给按钮绑定了单击事件，并在该事件中通过传参的形式把文本框的值传给处理函数

    2.7K10

    前端JQuery标准教案

    第一章：认识JQuery 第一阶段：jQuery的基本操作 简介JQuery的由来，以及相类似的其他JavaScript框架（5分钟） 讲解需要的JavaScript包版本以及导入（2分钟） 讲解JQuery...讲解JQuery对象和JavaScript对象的区别，一定要讲明白JQuery就是JavaScript的数组包装，讲解两者的转换方法 数组下标[index]和get(index)方法。...， input.css({"padding":"0px","margin":"0px","text-align":'center',"border-width":0}); //定义多个样式...td.text(update);//将文本框中的值放入到单元格中 }); }); } 讲解过程中先不讲解关于样式的内容 1）先能实现添加文本框 2）并把表格中的文本加入到文本框中...3）失去焦点后将文本框中的内容放入到表格中并删除文本框； 4）添加样式让文本框和表格的宽高一致（注意预先在样式中要先定义好td的宽和高），并去掉文本框的边框，让文本框和表格的边框看起来一致，就好像直接在单元格中编辑一样

    1.3K10

    WEB入门之十三 jQuery选择器

    attr属性的值是以val开始的元素 $(" selector [ attr $=' val ' ] ") 获取匹配selector选择器的并且attr属性的值是以val结尾的元素 $(" selector...该示例实现了一个注册表单，当用户单击【注册】按钮时对所有的文本框进行非空验证，如图4.1.7所示。 图4.1.7 注册页面 这里只给出脚本代码，如下所示。...; return false; } } ); } ); 文本框元素的标签名是input，type属性的值是text，所以获取所有文本框的属性选择器就可以这样写：$("input[type...，从0开始计数 ​​:odd​​ 匹配所有索引值为奇数的元素，从0开始计数 ​​:eq ( index )​​ 匹配一个给定索引值的元素，从0开始计数 ​​:gt ( index )​​ 匹配所有大于给定索引值的元素...function() { document.write($(this).html()); } ); 为了更清晰的演示过滤选择器的索引，我们在本示例中添加了一个

    3.2K10

    WEB入门之十三 jQuery选择器

    attr属性的值是以val开始的元素 $(" selector [ attr $=' val ' ] ") 获取匹配selector选择器的并且attr属性的值是以val结尾的元素 $(" selector...该示例实现了一个注册表单，当用户单击【注册】按钮时对所有的文本框进行非空验证，如图4.1.7所示。 图4.1.7 注册页面 这里只给出脚本代码，如下所示。...;return false;}});}); 文本框元素的标签名是input，type属性的值是text，所以获取所有文本框的属性选择器就可以这样写：$("input[type='text...，从0开始计数 :odd 匹配所有索引值为奇数的元素，从0开始计数 :eq ( index ) 匹配一个给定索引值的元素，从0开始计数 :gt ( index ) 匹配所有大于给定索引值的元素，从0开始计数....each(function(){document.write($(this).html());}); 为了更清晰的演示过滤选择器的索引，我们在本示例中添加了一个

    3.3K10

    WEB入门之十五 属性和样式

    function(){$(this).css({"borderColor":"black","boderStyle":"solid"});} } ) 上述代码通过css函数给文本框和密码框增加了获得.../失去焦点时背景色改变的样式，鼠标悬浮/离开时边框颜色改变的样式 如果要使用css函数同时操作多个样式属性，那么可以参考示例6.5中的代码，语法归结如下所示： jQuery元素 . css ( { "属性名...id="btn" value="测试"/> $("#btn").click( function(){ var val=$("#txt").val(); document.write("文本框值的类型是..."); document.write("是否为数字："+$.isNumeric(val)); } ) 上述代码使用type和isNumeric函数对文本框的值进行了检测...var obj=$.parseJSON(str); alert("名字是："+obj.name+"，年龄是："+obj.age); } ) 上述代码把文本框的值取出后先实用

    96510

    WEB入门之十五 属性和样式

    mouseout:function(){$(this).css({"borderColor":"black","boderStyle":"solid"});} }) 上述代码通过css函数给文本框和密码框增加了获得.../失去焦点时背景色改变的样式，鼠标悬浮/离开时边框颜色改变的样式 如果要使用css函数同时操作多个样式属性，那么可以参考示例6.5中的代码，语法归结如下所示：jQuery元素 . css ( { "属性名...button" id="btn" value="测试"/>$("#btn").click(function(){var val=$("#txt").val();document.write("文本框值的类型是...val)+"\n");document.write("是否为数字："+$.isNumeric(val));}) 上述代码使用type和isNumeric函数对文本框的值进行了检测...val());var obj=$.parseJSON(str);alert("名字是："+obj.name+"，年龄是："+obj.age);}) 上述代码把文本框的值取出后先实用

    82010

    「jQuery」基础 - 02

    1.1. jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ; 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性...案例：购物车案例模块-增减商品数量 核心思路：首先声明一个变量，当我们点击+号（increment），就让这个值++，然后赋值给文本框。...注意1： 只能增加本商品的数量， 就是当前+号的兄弟文本框（itxt）的值。 修改表单的值是val() 方法 注意2： 这个变量初始值应该是这个文本框的值，在这个值的基础上++。...要获取表单的值 减号（decrement）思路同理，但是如果文本框的值是1，就不能再减了。...案例：购物车案例模块-计算总计和总额 把所有文本框中的值相加就是总额数量，总计同理。 文本框里面的值不同，如果想要相加需要用 each() 遍历，声明一个变量做计数器，累加即可。 代码实现见下文。

    4.3K20

    【JavaWeb】85：jQuery的各种选择器

    ⑦属性选择器：[attrSel1][attrSel2][attrSelN] 也就是多个属性选择器相结合。...需要达到如下效果： ①可用元素 点击该按钮，能选取可用元素，同时给文本框赋值。 ②不可用元素 要求规则同①。...例子都是文本框，其实按钮也是可以的。 ③表单对象属性选择器：选中元素 格式：$("input:checked")。即匹配所有被选中的元素 。 例子中是多选框，其实单选框，下拉框也都可以使用该选择器。...使用each()方法可以遍历多个元素。 使用attr("属性名")也可以获取对应属性值。 ④表单对象属性选择器：下拉框选中元素 格式：$("select option:selected")。...使用each()方法可以遍历多个元素。 使用attr("属性名")也可以获取对应属性值。 六、总结 选择器之间是可以叠加使用的。比如层级选择器中可以包含基本选择器。

    9.6K20

    前端成神之路-02_jQuery

    (详情参考源代码) 1.2. jQuery 文本属性值 ​ jQuery的文本属性值常见操作有三种：html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText...案例：购物车案例模块-增减商品数量 1.核心思路：首先声明一个变量，当我们点击+号（increment），就让这个值++，然后赋值给文本框。...2.注意1： 只能增加本商品的数量， 就是当前+号的兄弟文本框（itxt）的值。 3.修改表单的值是val() 方法 4.注意2： 这个变量初始值应该是这个文本框的值，在这个值的基础上++。...要获取表单的值 5.减号（decrement）思路同理，但是如果文本框的值是1，就不能再减了。 ​ 代码实现略。(详情参考源代码) 1.2.3....案例：购物车案例模块-计算总计和总额 1.把所有文本框中的值相加就是总额数量，总计同理。 2.文本框里面的值不同，如果想要相加需要用 each() 遍历，声明一个变量做计数器，累加即可。 ​

    3.5K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券