jQuery学习

这篇具有很好参考价值的文章主要介绍了jQuery学习。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、trigger()触发器文章来源地址https://www.toymoban.com/news/detail-607048.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery3.7.js"></script>
    <script>

        $(function(){
            
            $('#mybtn').on('click',function(){
                $('input[name=mytext]').val("nihao");
                $('input[name=mytext]').trigger('input');
            });
            $('input[name=mytext]').on('input',function(){
                alert($('input[name=mytext]').val());
            })
            // 自动触发事件(对于最外面的函数),必须写在前面已经定义的后面
            $('input[name=mytext]').trigger('input');
        })


    </script>
</head>
<body>
    <input type="button" value="按钮" id="mybtn">
    <input type="text" name="mytext">
</body>
</html>

到了这里,关于jQuery学习的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • AJAX学习笔记6 JQuery对AJAX进行封装

    AJAX学习笔记5同步与异步理解_biubiubiu0706的博客-CSDN博客 AJAX请求相关的代码都是类似的,有很多重复的代码,这些重复的代码能不能不写,能不能封装一个工具类。要发送ajax请求的话,就直接调用这个工具类中的相关函数即可。  用JS发送AJAX请求回顾 响应结果一般是个字符串

    2024年02月09日
    浏览(38)
  • Maven中导入jQuery,前端页面中引用jQuery

    第一步pom文件中,配置maven坐标。 第二步,在前端页面中引用jQuery 注:该前端页面需要在web根目录即webapp目录下。可认为在maven中导入jQuery后,jquery.min.js文件放在目录webapp/webjars/jquery/3.3.1下。

    2024年02月09日
    浏览(47)
  • BCSP-玄子前端开发之JavaScript+jQuery入门CH10_jQuery基础

    4.10.1 jQuery 简介 jQuery是流行的JavaScript程序库,是对JavaScript对象和函数的封装 设计思想是write less, do more [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gx0f3UFO-1682307309412)(./assets/image-20230423230915569.png)] 4.10.2 jQuery 能做什么 访问和操作DOM元素 控制页

    2023年04月24日
    浏览(55)
  • 前端基础4——jQuery

    概念: jQuery 是一个 JavaScript 库。极大地简化了 JavaScript 编程,例如JS原生代码几十行实现的功能,jQuery可能一两行就可以实现,因此得以广泛应用,官方网站。 使用jQuery可以简化代码编写,解决浏览器的兼容性。 发行版本: 1.x:常用版本,运维人员已够使用。 2.x,3.x:除

    2024年02月10日
    浏览(32)
  • 前端小记——jQuery

    目录 jQuery简介 jQuery语法 jQuery加载模式 jQurey选择器 元素选择 文本内容插入 获取输入框的值 设置属性 CSS样式的操作 设置class属性 class切换 节点操作 事件的绑定 事件简写 事件对象 显示隐藏动画 上卷下拉动画 淡入淡出动画 jQuery 是一个轻量级的\\\"写的少,做的多\\\"的 JavaScrip

    2024年02月02日
    浏览(46)
  • 【前端】jquery获取data-*的属性值

     通过jquery获取下面data-id的值 方法一:dataset()方法 方法二:jquery data()方法 通过点击事件,获取当前被点击的属性值 方法三:jquery attr()方法

    2024年02月07日
    浏览(48)
  • JQuery前端之操作JSON的方法

    转自:微点阅读  https://www.weidianyuedu.com 一、关于Json的数据格式 从结构上看,所有的数据最终都可以分成三种类型: 第一种类型是scalar(标量),也就是一个单独的string(字符串)或数字(numbers),比如“北京”这个单独的词。 第二种类型是sequence(序列),也就是若干个

    2024年02月03日
    浏览(36)
  • jQuery.js - 前端必备的Javascript库

    作者: WangMin 格言: 努力做好自己喜欢的每一件事 jQuery.js 是什么? jQuery是一个快速简洁、免费开源易用的JavaScript框架, 倡导写更少的代码,做更多的事情 。它封装JavaScript常用的功能代码,提供了一种简便的JavaScript设计模式,以及我们开发中常用到的操作DOM的API,优化HTML文

    2024年02月05日
    浏览(77)
  • jQuery UI -- 日历选择器,高端web前端开发

    2、关于JS的部分,将我们引入的 js 文件: jquery-ui-1.10.3.custom.min.js 替换为: jquery.ui.core.js 和 jquery.ui.datepicker.js 。 jquery-ui-1.10.3.custom.min.js 的大小是223KB,而 jquery.ui.core.js 和 jquery.ui.datepicker.js 的大小一起是84KB。 这样,我们同样能实现一个日期选择器的功能,但是就没有 jQuery U

    2024年04月17日
    浏览(39)
  • 在前端开发中,何时应该使用 jQuery,何时应该使用 Vue.js

    如果您是最近才开始进入 Web 前端开发领域的开发人员,那么您可能会听说过 jQuery。jQuery 是一个小巧而功能强大的 JavaScript 库,旨在简化跨浏览器 DOM 操作、事件处理、动画效果和 AJAX 等方面的操作,可以让开发人员更轻松地开发出高质量的网站和 Web 应用程序。 何时应该使

    2024年02月02日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包