如何用纯javascript编写这个jquery字符串？
要用纯 JavaScript 编写一个 jQuery 字符串，可以通过以下步骤实现：
- 首先，确保你已经在 HTML 页面中引入了 jQuery 库。可以通过在
<head>标签中添加以下代码来引入 jQuery：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>- 创建一个 JavaScript 文件，例如
script.js，并在 HTML 页面中引入该文件：
<script src="script.js"></script>- 在
script.js文件中，使用纯 JavaScript 代码来模拟 jQuery 的功能。以下是一个示例：
// 创建一个 jQuery 对象
var $ = function(selector) {
var elements = document.querySelectorAll(selector);
// 添加 jQuery 方法
var obj = {
// 添加点击事件
click: function(callback) {
elements.forEach(function(element) {
element.addEventListener('click', callback);
});
return obj;
},
// 添加隐藏元素的方法
hide: function() {
elements.forEach(function(element) {
element.style.display = 'none';
});
return obj;
}
// 添加其他 jQuery 方法...
};
return obj;
};
// 使用自定义的 jQuery 对象
$('button').click(function() {
$('div').hide();
});在上述示例中，我们创建了一个 $ 函数，它接受一个选择器作为参数，并返回一个具有 jQuery 类似功能的对象。我们添加了两个方法：click 和 hide。click 方法用于添加点击事件，hide 方法用于隐藏元素。
然后，我们使用自定义的 jQuery 对象来选取所有的按钮元素，并为其添加点击事件。当按钮被点击时，我们选取所有的 div 元素，并隐藏它们。
这只是一个简单的示例，你可以根据需要自定义更多的方法和功能。
注意：尽管我们使用了类似 jQuery 的语法和功能，但这只是一个简单的模拟，并不具备完整的 jQuery 功能和性能。如果需要更强大和稳定的功能，建议使用官方的 jQuery 库。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
相关·内容
在jquery中，我像这样使用replace
replace('old text','new text')
我如何用纯javascript做同样的事情呢？
浏览 1提问于2011-07-28得票数 0
回答已采纳
下面是一个简单的jQuery代码示例：
$(".black").on("click", function() {
$(this).css("color", "red");
});
当单击具有“黑色”css类的元素时，特定元素的(this)颜色将变为红色。
现在，如何用纯JavaScript编写上述代码？当对类选择器使用jQuery$(This)时，请告诉我jQuery$(This)的JavaScript等效值。
浏览 2提问于2015-06-02得票数 9
回答已采纳
找到答案:D
我是jQuery的新手，我知道有一些非常好的快速技巧。我知道如何用JavaScript在30行代码中回答这个问题。
当前代码：
$('<li>, <a>', {
id: '#tab-' + count
}).html($(this).text()).appendTo('#uls');
我想添加一个具有动态href的a tag。这是否需要在单独的代码块中完成，或者我可以以某种方式将其与当前代码集成。
我想要创建的是：
<li><a href="#tabs-1">
浏览 1提问于2011-02-26得票数 3
回答已采纳
我正在尝试创建一个python程序，可以登录到一个网站。我已经编写了可以登录的javascript；但是，我还没有看到在python中运行javascript的任何东西。我正在考虑实现火狐javascript引擎seamonkey，但我也不知道如何用python来实现。
任何帮助都是极好的。谢谢!
浏览 0提问于2012-09-29得票数 0
回答已采纳
我的服务器上有一个PHP文件，它存储一个字符串<div id="username">my.username</div>。网址是。
我想使用一些jQuery/Javascript来读取这个文件并获取这个元素值。
我曾尝试将放在一起，但不确定如何用JS打开文件。
'use strict';
var template = '<div id="username">replace-me</div>';
var output = document.createElement('div
浏览 5提问于2016-09-13得票数 1
回答已采纳
1回答
如何使用脚本DOM元素？
、、、
如何用脚本DOM更改脚本标记？以前我用过这样的脚本
<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
但我想用DOM脚本。当我这样改变的时候，脚本就不起作用了
<script>
var jquerymin = document.c
浏览 4提问于2016-04-20得票数 1
我在jQuery上有：
$(document).ready(function() {
$(document).on('click', "[id$='someId']", function () {
console.log($(this).val());
})
})
我如何用纯JavaScript编写它呢？
$(Document).ready(函数()
我应该在纯JavaScript中使用“准备”吗？
$(文档).on
我怎么才能用"on"？我必须添加动态元素，所以在jQuery中我必须使用&
浏览 3提问于2017-08-01得票数 5
回答已采纳
例如：
从…
<div>
whats up!
<div> whats up2! </div>
thank you for your help
<div></div>
</div>
至
<div>
<span>whats up!</span>
<div><span> whats up2! </span></div>
<span>thank you for your help</spa
浏览 0提问于2012-12-28得票数 1
回答已采纳
我无论如何也想不出这个问题，也无法在网上找到解决方案。我正在尝试弄清楚如何从基于jQuery的JavaScript中用CoffeeScript编写脚本。
脚本是这样的：
jQuery('.post-thumb a').hover( function() {
jQuery(this).find('.overlay').fadeIn(150);
}, function() {
jQuery(this).find('.overlay').fadeOut(150);
});
我最初尝试像这样重写：
thumb_overlay =>
浏览 0提问于2011-08-16得票数 29
回答已采纳
如何用Snap.js而不是普通的JS初始化jQuery？
JavaScript：
var snapper = new Snap({
element: document.getElementById('content')
});
var addEvent = function addEvent(element, eventName, func) {
if (element.addEventListener) {
return element.addEventListener(eventName, func, false);
} else
浏览 1提问于2014-05-24得票数 0
回答已采纳
我正在基于jQuery的JavaScript代码中执行AJAX调用。该响应包含一个<script>标记。但是，jQuery似乎删除了这个标记。
这是jQuery或XHR的正常行为还是bug？
浏览 2提问于2011-04-26得票数 5
3回答
我目前从prototype切换到jquery，主要是为了支持简单的ajax文件上传。我使用：
95%的javascript代码是由rails助手编写的，如：
- remote_function
- render :update do |page|
- page.replace_html 'id', :partial => 'content'
- page['form']['name'] = something
- page.visual_effect :highlight, 'head_success'
..
浏览 5提问于2011-05-25得票数 6
回答已采纳
小提琴(使用JQuery) -
我知道JQuery是Javascript，但是为了争论，您如何用纯Javascript编写以下内容，而不需要像JQuery这样的js库呢？
$(document).ready(function() {
$('.preview-site').on('click', function(){
window.open('javascript:document.write("'+ $('.workflow').val() +'")', 'Opened Pa
浏览 3提问于2014-03-17得票数 1
回答已采纳
为了练习，我正在用纯javascript做我的第一个web应用。尽管我尝试使用API，比如google地图API或youtube API，但我找不到一种没有jquery的方法来从它们那里获取数据。
如果你能向我展示一些示例代码，以及如何用普通的Javascript从API资源中获取数据，那就太好了。
浏览 1提问于2016-10-10得票数 0
如何用纯javascript编写$(":not(selector)")？
jQuery：
var links = $('a:not(.not-lightbox-item a)', this);
HTML：
<div id="links">
<div class="not-lightbox-item">
<a href="projects.html" class="button-back">
<span clas
浏览 4提问于2016-10-20得票数 3
回答已采纳
是否有任何jQuery或JavaScript响应的设计框架？或者，当某些变量值需要更改时，或者甚至在根据屏幕大小更改函数时，需要遵循某些标准？
目前我正在使用：
if (jQuery(window).width() <= 767 ){
}
jQuery(window).resize(function(){
if (jQuery(window).width() <= 767 ){
}
});
这样可以吗？还是有更好、更稳定的方法？
浏览 0提问于2013-08-21得票数 1
回答已采纳
3回答
目前，我有一些jQuery/Javascript代码，可以在用户将鼠标悬停在某些元素上时切换css类“ui-state-hovered”，我想用konacha编写一个测试来测试这段代码。
在jQuery的帮助下，我如何用Javascript编写这个函数呢？
如果用户将鼠标悬停在元素$('.someClass li:first')上，类'ui-state-hovered‘存在，则返回true。否则返回false。
我如何模拟用户将鼠标悬停在该元素上？
浏览 117提问于2012-06-15得票数 25
我觉得自己像个笨蛋，不知道如何用jQuery来改变大小写。stackoverflow = Stackoverflow。
jQuery
var name = "Stackoverflow"
$('name').toLowerCase();
alert(name);
浏览 4提问于2012-07-08得票数 1
回答已采纳
我的进程如下所示：
1.) Server: Encode the content as HTML (=using StringEscapeUtils from apache commons)
2.) Server: Encode the content as JavaScript (=using StringEscapeUtils from apache commons)
3.) Server: Marshall via Jackson JSON library
4.) Transfer via JSON
5.) Client display via JQuery in the web
浏览 1提问于2011-06-29得票数 0
回答已采纳
我试图将jquery代码转换为javascript，但我不知道如何用javascript编写这个代码
JQuery码
$('<input type="file" accept="image/*" />')
我想把这段代码转换成javascript
尝试了代码
var uploader = document.querySelector('input[type="file"]');
在那次火灾发生后，单击uploader事件，但无法工作
单击函数代码
uploader[0].click(function()
浏览 0提问于2019-06-18得票数 0
在将jquery转换为javascript方面，我遇到了问题，因为我的应用程序要求不使用jquery，而只在普通的html和javascript中使用。我知道如何用Jquery编写代码，但无法用javascript进行转换。我的代码如下
$(document).ready(function () {
$('input[type="button"').click(function () {
$(this).prop('disabled','disabled');
});
});
如何将此代码段转换为javas
浏览 6提问于2016-05-05得票数 2
回答已采纳
我想为多个元素设置这么多属性。与jquery相比，Javascript总是提供更好的性能。
我想知道在通过jquery和javascript解决多个属性时，哪个属性的性能更好。
Jquery多属性设置器：
$(element).attr({'id': 'id1', 'index':1, 'value':10,'check':'checked'});
使用javascript的 setAttribute :
element.setAttribute('id','id1'
浏览 2提问于2013-11-27得票数 4
我想阅读通过一个带有纯javascript的src属性加载的脚本的js源代码。
类似于html脚本标记：
<script id=myFile type="text/javascript" src="file.js"></script>
var code = document.getElementById('myFile').textContent
但上面的方法行不通。
然而，这样做是可行的：
<script id=myFile>
console.log("This works");
&
浏览 0提问于2019-05-11得票数 3
我试图制作一个html/css/javascript在线编辑器，所以我创建了一个textarea来编写代码，而Iframe则显示它，这就是html：
<textarea id="code"></textarea>
<iframe id="output"></iframe>
<button id="submit-b">submit</button>
这是jquery代码：
$("#submit-b").click(function(){
code
浏览 4提问于2014-01-26得票数 0
回答已采纳
我写了几行jQuery代码，但不知道如何用普通的JavaScript实现这一点。该输出：
echo "<tr id='perf_row' class='table_header_tr' name='tr_$row_fio_perf[0]'>
<td class='table_header_td' name='td_$i'>
$i
</td>
<tr>";
搜索输入。当用户输入字符时
浏览 0提问于2012-10-09得票数 3
回答已采纳
$('. element').css ({
'transform' : 'translate(blah blah);'
});
与我知道如何用JavaScript更改css的唯一方式相比，我喜欢这种组织方式。
Element.style.color='red';
我对JavaScript非常陌生，所以除了非常基本的东西之外，我从来没有做过太多的改变css的工作。我只想知道您如何用普通的JavaScript编写上面的jQuery
谢谢
浏览 0提问于2018-09-25得票数 1
是的，我读过这篇关于如何用普通的javascript编写jquery代码的question，但我想知道如何使用普通的javascript调用事件。 那么，在没有使用jquery的情况下启动按钮上的单击事件时，如何触发提交事件呢？
浏览 15提问于2020-04-20得票数 0
回答已采纳
1回答
创建签出会话NBG
、、、
我想通过javascript发出一个基本的HTTP身份验证调用请求，但是我不知道该如何做。我有一个javascript代码，其中有一个会话参数。因此，我需要首先进行这个调用，从这个调用中获取session_id作为响应，并继续我的javascript代码。这是这个基本的http auth：的文档
这是银行和电子商务之间的付款选择。
这将如何用javascript编写？我的代码结构现在是这样的：
<script
//need call auth somewhere here I guess
Payment.Config({
... ... ..
Url: "...",
N
浏览 0提问于2020-05-28得票数 1
回答已采纳
我如何用普通的Javascript编写这段jQuery代码？
我不能在将要使用它的地方使用jQuery。
$(function(){
$("td#dark[height='260']").append("<a href='http://www.website.com'></a>");
});
浏览 2提问于2009-03-20得票数 0
回答已采纳
3回答
我正在尝试使用jQuery/JavaScript来转换日期。我已经把字符串变成了一个对象，但是我不知道如何得到我想要的结果。
var dateObj = new Date(dateStr);
var dateFormatted = ???
如何用jQuery/JavaScript将10/12/2014这样的日期格式化到这个Sun Oct 12 2014 00:00:00 GMT-0700 (PDT)中？
浏览 3提问于2014-07-09得票数 0
回答已采纳
3回答
我很了解javascript和jQuery是如何在HTML文件中使用的，但从逻辑上讲，有一个问题出现了。
当我们想要将javascript嵌入到HTML文件中时，通常(不是每次)我们在head部分编写这个简单的代码。
<script type="text/javascript"> ... </script>
而当我们想要嵌入jQuery的时候，同样可以放心地编写代码
<script type="text/javascript"> ... </script>
我们如何仅通过查看这一行来识别，它是js代码还是jQuer
浏览 0提问于2012-09-28得票数 5
回答已采纳
如何用jQuery编写这段javaScript代码？
// Store
localStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
浏览 1提问于2016-02-16得票数 0
我正在编写一个脚本，在其中一个脚本中，我需要提取id on标记中可用的值，我需要使用纯Javascript来完成这个任务。我有类似的jQuery代码可用，但我不能成功地完成一个Javascript。我的jquery代码
var arr1st3 = $('article:lt(3)').map(function() {
return this.id.replace(/[^\d]/g, '');
}).get();
console.log( arr1st3 );
这是测试url
我正在尝试使用Javascript函数返回输出中的值，如'123456
浏览 5提问于2015-11-17得票数 1
回答已采纳
我想知道如何用“传统的”JavaScript实现jQuery的.live功能。我希望像$('a').live('mouseover'，mouseover_func)这样的东西像通常的JavaScript一样编写。但是怎么做呢？
浏览 0提问于2011-02-14得票数 6
2回答
当我们在网页中编写javascript时，其他用户就可以看到javascript并理解脚本是如何工作的。我见过有几个网站的javascript是以这种方式编写的，用户可以阅读脚本，但不能理解它是如何工作的。因此，出于安全原因，我如何在浏览器可以正确理解和呈现的页面中加密我的javascript，但任何用户都可能无法理解流程。期待您的建议。
谢谢
浏览 0提问于2011-01-23得票数 0
回答已采纳
1回答
因此，我有一个用户脚本添加在铬，自动added。
目前我正在使用
//div[@class=\'entry-content\']/p[contains(.,\'chapter\') or contains(.,\'Chapter\') or preceding-sibling::p[contains(.,\'Chapter\')] and (following-sibling::p[contains(.,\'Translator Ramblings\')] or following-sibling::p[conta
浏览 1提问于2017-04-18得票数 3
回答已采纳
2回答
如何用Javascript编写以下代码？可以在javascript中声明这样的变量吗？
@{
App.VariableName = "some string values";
}
浏览 0提问于2014-01-07得票数 0
我有一个包含一些数据的byte[]，我想使用log4.net将这个字节数组写入日志文件。我面临的问题是
在IObjectRenderer byte[] TextWriter中不存在重载，因此即使实现TextWriter也没有任何用处。我无法访问Log4.net的基本Stream，我也尝试过将byte[]转换为char[] --在我编写它时，它添加了一个额外的字节。
这在Log4.net中是可能的吗。
提前鸣谢。
浏览 0提问于2010-04-13得票数 2
当触发事件时，我知道要传递id的javascript如下所示
<td><a id="applyChange_${(loop.index)}" onclick="javascript:applyChange(this);">
function applyChange(obj){
console.log(obj.id;) // this returns the id of the element
}
但是，如何用jQuery编写相同的内容呢？
浏览 3提问于2016-12-23得票数 0
回答已采纳
出于学习的目的，我将这个滚动条转换为常规的JavaScript。我只是在脚本之外编写JQuery (JQuery很棒，但我希望在使用JavaScript之前先学习原始的JQuery)。
这是滚动条码：
我不明白如何将最后几行代码转换为常规的JavaScript：
$('#chatlist').slimscroll({
color: '#000',
size: '8px',
width: '150px',
height: '250px'
});
我
浏览 0提问于2012-05-14得票数 0
1回答
编写自定义验证规则
、、、
我需要编写自己的javascript规则来验证表单。
我有一个名为code的字段，我需要对它进行特殊的验证:这个字段正好有13个位置。第一个和第二个是字母，最后一个和倒数第二个也是字母。其他位置(3-11)是数字。那么，我如何用这些条件验证这个字段呢？
<html>
<head>
<script type="text/javascript"
src="javascript/jquery-1.8.2.min.js" >
</script>
<script type=&#
浏览 2提问于2012-10-23得票数 1
回答已采纳
情况就是这样。我最初是一个PHP开发人员，下面是呈现数据的步骤：
从DataBase收集数据
将数据写入JavaScript
使用JavaScript对JQuery进行渲染
HTML显示给用户
用户回发到PHP
用新数据将PHP写回数据库
现在我正在使用VB.NET，我需要在控件和其他方面使用他们的范例。但是，我想使用JQuery和JavaScript进行渲染。如何在VB中加载数据并在用户发布后将其返回JavaScript？
VB从DataBase中采集数据
？(这里需要帮助: VB如何在此步骤中将数据写入JavaScript )
使用JavaScr
浏览 5提问于2011-12-05得票数 0
回答已采纳
如果我有以下数组：
array = ['a', 'abcde', 'ab'] ;
我想得到数组元素的最大长度，即5(对于元素'abcde')。
我知道你可以通过(例如) array1.length得到数组元素的长度，但是我不知道如何得到最大长度。
任何用JavaScript或jQuery编写的答案都会很棒。
提亚
保罗·琼斯
浏览 1提问于2011-05-18得票数 11
所以我有一个UL，下面是jquery-sortable LI。每个LI都有一个与之关联的:Hover CSS样式。当我将安莉拖离UL并松开时，问题来了，悬停效果仍然在IE9中应用(铬合金工作得很好)。
HTML
<ul id="test">
<li>test</li>
<li>test 2</li>
</ul>
CSS
#test li:hover{
background-color:Yellow;}
Javascript
$("#test").sortable();
见提琴：
我已经
浏览 7提问于2012-11-01得票数 4
回答已采纳
1回答
可能重复：
在C#中，您可以这样做：
var obj = newObject ?? defaultObject;
这意味着将newObject分配给obj (如果不是null )，否则分配defaultObject。我如何用javascript来写这个呢？
浏览 1提问于2012-05-28得票数 7
回答已采纳
我的大多数页面上都有word Hello，我想将其更改为Welcome。是否有可能，如果可以，如何用jQuery替换这些单词？
Hello
<p>Hello user Jack</p>
<div>Hell ow you from us
<h1>12344 Hello</h1>
<div>Hellow</div>
</div>
<script src="jquery-1.5.1.min.js" type="text/javascript">&
浏览 9提问于2011-03-29得票数 1
回答已采纳
我有一组排列好的物品。每个项目中有多个对象。
如果我们已经找到基于特定对象的重复项，则必须使用该键对象添加索引。
代表：
var values = [
{ name: 'someName' },
{ name: 'someName' },
{ name: 'some' },
{ name: 'some' },
{ name: 'single' }
];
它就会像
var values = [
{ name: 'someName' },
浏览 7提问于2016-04-18得票数 2
回答已采纳
下面的两个脚本并不完全相同，尽管我相信它们是相同的。为什么？
我会给你一些关于这篇文章的背景信息。我正在尝试构建一个图像上传表单，该表单发出AJAX请求以创建动态上传页面。自从我了解了HTML5的File API之后，我尝试在AJAX请求中使用它。我在上通过一些很好的例子构建了自己的实例。我的工作脚本对AJAX请求直接使用JS，但我尝试构建一个使用jQuery的版本。我的问题是，为什么jQuery版本不能正常工作？据我所知，它是从JS xhr风格的AJAX到jQuery风格的AJAX的直接移植。(这个问题的重点是对jQuery的AJAX API有一个理论上的理解；因为我已经有了一个工作脚本，所
浏览 2提问于2013-03-20得票数 0
3回答
我对Json和JQuery非常陌生。我获得了返回Json对象的自动完成的Jquery插件。如果它在浏览器中返回["Tim ferriss","stack overflow","<strong>Oscar</strong> Wilde"]，强标记被看作是<strong>Osca</strong>r Wilde，为什么？我认为这是一个非常愚蠢的错误。
编辑： Nothing工作，所以far.This是代码
function highlight(s, t) {
var ma
浏览 5提问于2010-10-27得票数 0
5回答
我试图理解JQuery和JavaScript之间的区别。如果这是个愚蠢的问题，我很抱歉。
这是我在JQuery的尝试。在按下按钮时，<p>中的文本应根据请求进行更改。我不能让它起作用。
这是我的JavaScript尝试。我不能让它起作用，
有人能帮帮我吗
我上面的jQuery让它正常工作。
我的jscript上面是为了让它工作。
我试图达到这样的程度:我可以用javascript来编写我的JQuery。有人能帮我吗？
谢谢
编辑
谢谢所有的答案/更正:我所寻找的第3部分是这个，我认为它基本上是使用javaScript完成第1部分的。今后，我应该小心使用左手窗格，
浏览 9提问于2013-07-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
