JS,jQuery常用语法记录

JS,jQuery常用语法记录

JS常用语法:
1.操作剪切板 [可能无法在某些浏览器中正常工作]
document.execCommand("copy")/document.execCommand("cut")// 复制链接function doCopyLink(id){$("#hiddenUrl").val("/article/viewArticle?id=" + id);var url = document.getElementById("hiddenUrl");url.select();document.execCommand("Copy");alert("复制链接成功!");}JQuery常用语法:
1.id选择器
$("#myElement").text(); [元素不存在返回undefined]
$("#myElement").text("Hello, world!");
追加元素使用append()或prepend()方法2.事件处理程序:
使用on()方法来附加事件处理程序。
$("#myButton").on("click", function() { alert("Button clicked!"); });
将在单击id为myButton的按钮时显示警报框。3.获取和设置属性:
使用.attr()方法来获取或设置元素的属性。
$("#myImage").attr("src", "newimage.jpg");
将把id为myImage的图像的src属性设置为"newimage.jpg"4.获取和设置内容:
使用.text().html()方法来获取或设置元素的文本内容或HTML内容。
$("#myElement").text("Hello, world!");
将把id为myElement的元素的文本内容设置为"Hello, world!"5.添加或删除类:
使用.addClass().removeClass()方法来添加或删除元素的类。
$("#myElement").addClass("highlight");
将向id为myElement的元素添加名为"highlight"的类。6.遍历元素:
使用.each()方法遍历匹配选择器的每个元素。
$("li").each(function() { console.log($(this).text()); });
将输出页面中每个li元素的文本内容。7.发送AJAX请求:
使用.ajax()方法发送AJAX请求。
$.ajax({ url: "example.php", success: function(data) { console.log(data); } });8.获取select标签内选中的标签
var selectedValue = $('select').find(':selected').val()/.text();9.iframe打开新的页面
/**
* 查看所有业务随访计划*/
function getfollowNoticePlan(){window.frames["followModalFrame"].innerHTML = "";$('#followModalFrame').attr('src', BASE_PATH + "/FollowNoticePlan/followNoticePlanStatistics?trialId="+id);$('#followModal').modal('show');
}
//  modal弹窗
<div class="modal fade" id="followModal" tabindex="-1" role="dialog" aria-labelledby="countModalLabel" aria-hidden="true"><div class="modal-dialog"  style="width: 95%;"><div class="modal-content" ><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button><h4 class="modal-title" id="followModalLabel">预约随访</h4></div><div class="modal-body" ><iframe src="" width="100%" id="followModalFrame" name="countFrame" style="border: 0px;min-height: 825px;"></iframe></div></div></div></div>清除JS缓存 浏览器强制刷新: Ctrl+F5

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/154141.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

接口测试需要验证数据库么?

有的接口会返回很多数据&#xff0c;有的接口可能就返回一个状态码及success之类的消息&#xff0c;这些需要验证数据库么&#xff1f;现在在写一个测试框架&#xff0c;配置接口参数和预期返回值&#xff0c;生成xml文件管理用例&#xff0c;用一个比较方法对预期和返回作比较…

C语言冒泡排序

小到大 #include <stdio.h> #include <stdlib.h>// 冒泡排序 从小到大 void max1() {int a[8] { 2,1,6,3,4,9,8,7 };printf("排序前是&#xff1a;\n");for (int i 0; i < sizeof(a) / sizeof(int); i){printf("%d ", a[i]);}printf(&qu…

17.Oracle11g的PL/SQL基础

Oracle11g的PL/SQL基础 一、PL/SQL的体系1、什么是PL/SQL2、PL/SQL 的优缺点2.1 PL/SQL的优点2.2 PL/SQL的缺点 二、PL/SQL的语法1、PL/SQL代码结构&#xff08;块&#xff09;2、PL/SQL基本语法2.1 变量声明2.2 流程控制语法 三、oracle的动态SQL 一、PL/SQL的体系 1、什么是P…

LeetCode算法练习top100:(5)二叉树

package top100.top二叉树;import top100.TreeNode;import java.util.*;public class TOP {//94. 二叉树的中序遍历List<Integer> res new ArrayList<>();public List<Integer> inorderTraversal(TreeNode root) {inorder(root);return res;}private void i…

zabbix告警 邮件告警 钉钉告警

邮件告警添加主机组添加模板添加主机在模板中添加监控项在模板中添加触发器添加动作&#xff0c;远程执行命令给用户绑定告警媒介类型 钉钉告警安装python依赖模块python-requests配置钉钉告警配置脚本zabbix_ding.conf在目录/var/log/zabbix中创建钉钉告警日志文件zabbix_ding…

数据结构——散列表

参考书籍&#xff1a; 《数据结构与抽象&#xff1a;Java语言描述》 第四版 一、背景知识 散列&#xff08;hashing&#xff09;&#xff1a;是仅利用项的查找键&#xff0c;无需查找就可确定其下标的一项技术散列表&#xff08;hash table&#xff09;&#xff1a;数组散列索引…

Windos操作系统下的Zookeeper安装图文教程

凯哥已经准备好最新版本3.9.1且已经配置好了。既获取到配置好的。 获取到凯哥准备的安装后&#xff0c;只需要修改一下配置。将解压包解压后&#xff0c;找到conf文件&#xff0c;里面有个zoo.cfg配置文件。如下图&#xff1a; 下载后conf文件夹内容 打开zoo.cfg配置文件后&a…

MQTT 资源

MQTT因其轻量化、便利化得到广泛重视和应用&#xff0c;本着寻求低投入高产出的原则&#xff0c;要寻求免费的MQTT Broker(Server)变得重要起来。 1.Dfrobot的easy-iot物联网平台&#xff0c;网址&#xff1a;. http://iot.dfrobot.com.cn/ 需要在线注册&#xff0c;免费享有…

手把手教你如何白瓢七个月阿里云云服务器

白嫖他不爽吗&#xff1f; 手把手带你白嫖七个月云服务器&#xff0c;要注意奥&#xff0c;这里白嫖七个月需要学生认证&#xff0c;才能参与高校计划。 开搞&#xff1a; 阿里云官网  不必多说&#xff0c;直接登录&#xff0c;登录时需要用支付宝扫码&#xff0c;授权后即可…

vscode使用插件KoroFileHeader添加注释

一、简介 KoroFileHeader 是一款用于在 VSCode 中用于生成文件头部注释和函数注释的插件&#xff0c;支持所有主流语言&#xff0c;功能强大&#xff0c;灵活方便&#xff0c;文档齐全。 VSCode 安装 KoroFileHeader 好插件&#xff0c;就可以直接使用。 "fileheader.cu…

wpf prism当中 发布订阅 IEventAggregator

先订阅后发布 private readonly IEventAggregator _eventAggregator; public LoginViewModel(ILoginService iloginService, IEventAggregator eventAggregator) {_iloginService iloginService;_eventAggregator eventAggregator;_eventAggregator.GetEvent<MessageEven…

JVM入门

1. JVM简介 * JVM是Java虚拟机&#xff0c;是Java应用程序运行的平台。 * JVM可以跨平台运行&#xff0c;因为Java源代码会被编译成平台无关的字节码。 * JVM由Java虚拟机规范&#xff08;Java Virtual Machine Specification&#xff09;定义。 2. JVM架构 * JV…

JavaScript(基本介绍+特点+主要用途)

JavaScript&#xff08;简称 JS&#xff09;是一种高级的、面向对象的编程语言&#xff0c;主要用于在网页上实现动态交互效果。作为一种脚本语言&#xff0c;JavaScript 被设计用来与网页交互&#xff0c;能够在用户浏览器中执行&#xff0c;改变网页的内容、结构和样式。Java…

OpenAI政变背后是科学家创始人的悲歌

OpenAI政变背后是科学家创始人的悲歌 去年11月突然推出ChatGPT震惊世界的OpenAI&#xff0c;在整整一年后以闪电解职CEO再次震惊世界。 有不少人以为这拿的是乔布斯的剧本&#xff0c;错了&#xff0c;这其实是天才科学家奋力一击的故事。 OpenAI的灵魂人物不是CEO Sam Al…

每天分享五款工具,让大家工作生活更顺心

​ 快乐不是在于拥有什么,而在于我们和别人分享什么。每天分享五款工具&#xff0c;让大家工作办公更顺心就是我最大的快乐。 1.沙盒软件——Sandboxie ​ Sandboxie是一款可以在沙盒中运行程序的软件&#xff0c;它可以保护用户的系统和数据免受恶意软件、病毒和其他威胁的影…

零基础想系统地学习金融学、量化投资、数据分析、python,需要哪些课程、书籍?有哪些证书可以考?

曾经我也是零基础小白&#xff0c;题主想走的路&#xff0c;我已经走过啦&#xff5e;作为一名CFA持证人和管理因子投资的量化策略的投资组合经理&#xff0c;我把这些年积累的干货跟大家分享。 量化投资是金融学的一部分&#xff0c;量化投资&#xff08;跟量化交易的概念有部…

数据归一化的常见方法

线性函数归一化(最大最小值法) x ′ x − x m i n x m a x − x m i n x\frac {x-x_{min}}{x_{max}-x_{min}} x′xmax​−xmin​x−xmin​​ 数据区间在 [ 0 , 1 ] [0,1] [0,1]上,出现特殊值(极大或极小时,效果不好,可用经验值,代替 x m a x x_{max} xmax​和 x m i n x_{min…

鸿蒙原生应用/元服务开发-AGC分发如何配置版本信息(上)

1.配置HarmonyOS应用的“发布国家或地区”。 2.设置是否为开放式测试版本。 注意&#xff1a;HarmonyOS应用开放式测试当前仅支持手机、平板、智能手表。如开发者想发布为开放式测试版本&#xff0c;选择“是”。正式发布的版本请选择“否”。 3.在“软件版本”下点击“软件包…

el-table中添加switch 且绑定值为0和1

switch开关经常用在是否启用的场合&#xff0c;但是switch默认绑定值的类型是布尔类型&#xff0c;即true和false&#xff0c;在实际的项目中&#xff0c;后端的接口都会用0和1来代替&#xff0c;如何将数值与状态进行关联呢&#xff1f; 我们可以用active-value绑定要启用状态…

《活着》思维导图

今天给大家分享的这部作品的题目叫“活着”&#xff0c;作为一个词语&#xff0c;“活着”在我们中国的语言里充满了力量&#xff0c;它的力量不是来自于喊叫&#xff0c;也不是来自于进攻&#xff0c;而是忍受&#xff0c;去忍受生命赋予我们的责任&#xff0c;去忍受现实给予…