$(文档)函数(.ready() vs .click(function() )
$(document).ready()和.click(function())是jQuery库中的两个常用函数。
- $(document).ready():
- 概念：$(document).ready()是jQuery库中的一个事件处理函数，用于在文档加载完成后执行指定的代码。
- 分类：它属于jQuery库中的事件处理函数。
- 优势：$(document).ready()的优势在于它可以确保代码在文档完全加载后执行，避免了在文档尚未加载完成时执行代码导致的错误。
- 应用场景：$(document).ready()常用于需要在文档加载完成后执行的代码，例如初始化页面元素、绑定事件处理程序等。
- 腾讯云相关产品和产品介绍链接地址：腾讯云并不提供与jQuery直接相关的产品，因此没有特定的产品介绍链接。
- .click(function()):
- 概念：.click(function())是jQuery库中的一个事件绑定函数，用于为指定的元素绑定点击事件的处理程序。
- 分类：它属于jQuery库中的事件绑定函数。
- 优势：.click(function())的优势在于它可以简化事件绑定的操作，提供了一种便捷的方式来为元素添加点击事件处理程序。
- 应用场景：.click(function())常用于需要为元素添加点击事件处理程序的场景，例如按钮点击、链接点击等。
- 腾讯云相关产品和产品介绍链接地址：腾讯云并不提供与jQuery直接相关的产品，因此没有特定的产品介绍链接。
总结：$(document).ready()用于在文档加载完成后执行代码，而.click(function())用于为元素绑定点击事件处理程序。它们都是jQuery库中常用的函数，可以提高开发效率和简化代码编写。
相关·内容
这两个代码之间有很大的区别吗？
$(function(){
$("#id1").click(function(){ //some codes}
$("#id2").click(function(){ //some codes}
$("#id3").click(function(){ //some codes}
});
vs
$(function(){ $("#id1").click(function(){ //some codes}});
$(function(){ $("#id1").click(functio
浏览 2提问于2014-08-02得票数 0
回答已采纳
$(document).ready(function() {
$("button").on("click", TestFunction());
});
function TestFunction() {
console.log("Function called");
$b = $("#test");
$b.remove();
}
vs
$(document).ready(function() {
$("button").on("click", functio
浏览 5提问于2017-05-10得票数 0
回答已采纳
我有一个javascript函数来响应单击事件。
主要的问题是，我在我的panel.js中调用plugin.php，什么也没有发生。
以前：
panel.js
$(document).ready(function(){
$(".next_panel").click(function(){
//Do something here
return false;
});
}
这是网页(main.html)，在我变成插件之前，请注意我是如何加载JS的，这在我的实际开发中是可行的。
<head>
<script sr
浏览 3提问于2014-08-25得票数 0
回答已采纳
2回答
我有这个功能sideNav，它是通过点击导航项目来触发的
$(".side-nav ul li a").click(function(event) {
$(document).ready(sideNav());
});
if(window.location.hash) {
$(document).ready(sideNav());
}
当某个元素被单击时，我正在尝试解除绑定sideNav
$(".side-nav .page-header h1 span").click(function(event) {
}).unbind('rea
浏览 1提问于2012-12-04得票数 0
我只是想知道哪种方式更有效率，或者这种操作的成本是否有任何差异……
A) $(document).on('click', '#lol', function(){alert('hello')})
vs
B) $('#lol').on('click', function(){alert('hello')})
我知道如果在ready函数执行后，ID为'lol‘的元素被附加到DOM中，那么后者将不起作用。我只是在某种程度上采用了到处使用实现A作为最佳实践，因为它使所有的事件代码保持相
浏览 0提问于2015-04-23得票数 1
这是我的HTML页面：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript"
浏览 0提问于2012-12-23得票数 5
回答已采纳
我正在尝试让一个DIV在被点击时被另一个DIV替换。现在我可以让第一个DIV出现，然后在其他DIV被单击时消失，但当我试图让其他DIV在单击时出现时，第一个DIV会随之弹出。这是一个页面的链接，你可以点击漫步图片，它是好的，但点击季节性图片，它会搞砸。我该如何解决这个问题呢？
<div id="infor1">
<div class="side col-md-4 align-center">
<p>Full EVA Midsole Provides Signature Hoka Cushioning</p&g
浏览 3提问于2015-08-05得票数 0
我需要一个更好的方法来实现最好的性能和简洁的代码，尽可能使用事件委托。
特别是正确的.ready()
$(document).ready(function()
或
$(document).on('ready',function() //it is correct?
另一个？
.click(), .bind(), .hover(), .load(), .ready(), etc.
浏览 0提问于2016-10-21得票数 0
回答已采纳
我有两个职能：
function func1(){}
和
function func2(){}
这两种功能都需要下列功能才能工作
$(document).ready();
$(window).resize();
因此，我对这两种功能都进行了如下实现：
$(document).ready(func1);
$(window).resize(func1);
和
$(document).ready(func2);
$(window).resize(func2);
这个问题？有两个；
1) --我已经有了包装上述两个函数的$(function(){，但是我仍然需要$(document).ready();
浏览 2提问于2014-02-17得票数 0
回答已采纳
我有一组jQuery效果，希望一个接一个地运行(目前它们同时运行。有办法解决这个问题吗？
守则如下：
<SCRIPT>
$(document).ready(function() {
$(".right").click(function () {
$(this).show("slide", { direction: "right" }, 1200);
});
// Trigger the handler once on document ready
$(".right
浏览 7提问于2012-02-29得票数 0
我已经把我的javascript封装在
jQuery(document).ready(function($) {
});
我想知道通过这两种方式在其中调用函数的含义是什么：
jQuery(document).ready(function($) {
$(function () {
// do something
});
});
vs
jQuery(document).ready(function($) {
(function () {
// do something
})();
});
编辑：
我还想知道这两种方式中哪一种更“正确
浏览 0提问于2012-11-02得票数 2
回答已采纳
我使用这个脚本来过滤单个类别中的文章。我基于标记，它也生成一个类。是否可以通过WordPress从我的站点生成所有标记的脚本？例如，下面的2个脚本(现在我有12个这种类型的脚本)：
$(document).ready(function(){
$('tr').show();
$("#aipa").click(function(){
$("tr").show();
$('tr:not(:first)').not(".aipa").slideToggle('fast');
})
浏览 0提问于2014-04-24得票数 0
回答已采纳
$(document).ready(function() {
$('#switcher-default').bind('click', function() {
$('body').removeClass('narrow');
$('body').removeClass('large');
});
});
第二项职能：
$(document).ready(function() {
$('#switcher-default').click(function(
浏览 5提问于2012-02-03得票数 2
回答已采纳
我试图在代码中使用'on‘，但失败了。我尝试的代码是这样的：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
function clickHandler(e) {
alert('Click!');
}
$(doc
浏览 7提问于2018-12-06得票数 1
2回答
我得到了一个代码，其中包含了与一个字母相关的字符，这些字符与它的普通附加键不同，我正在尝试创建一个程序来对它们进行解密。不幸的是，我无法解决如何添加到文本区域，只是覆盖已经存在的字符，这对我没有太大的帮助。
我是这里的一个完全的初学者，特别是对Jscript，所以我希望这是有意义的。有人能帮忙吗？
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
&
浏览 2提问于2015-05-19得票数 0
回答已采纳
我使用了六个jquery插件，加上我自己的jquery脚本，在每个脚本中我都有以下代码：
$(document).ready(function()
{ .... }
在一个中心位置组织所有脚本的最佳方法是什么，而不是在脚本中多次使用$(document).ready(function()。
有什么想法？
更新
one.js
$(document).ready(function() {
$("#aspnetForm").validate({
rules:
{
<%=txtVisitName.UniqueID %>:
{
maxlength:1
浏览 5提问于2010-05-14得票数 4
回答已采纳
1回答
当我以这些方式使用.click()时，它不起作用：
$(document).ready($("#addPosition").click(function(event) {
console.log("I'm in HTML .ready()");
event.preventDefault();
}))
$($("#addPosition").click(function(event) {
console.log("I'm in HTML $()");
event.preventDefault();
}
浏览 4提问于2022-06-01得票数 -2
回答已采纳
2回答
<div id="form">
<form action="">
<input type="button" id="sub"/>
</form>
</div>
单击submit按钮时，将使用jquery更改内容。
Jquery代码：
$(document).ready(function() {
$('#sub').live('click', function() {
var reg = "<form a
浏览 4提问于2012-11-17得票数 2
回答已采纳
2回答
我有一个外部JS文件，其中包含以下代码。虽然它工作正常，但我想问一下我在文件中编写代码的方式是否正确
我的当前代码
$(document).ready(function () {
$('#divTest').click(function () {
// Some Instructions Here
});
});
function js_function_One(){
// Some Instruction
}
function js_function_Two(){
// Some Instruction
}
或者应该是这样的
浏览 19提问于2018-01-27得票数 0
回答已采纳
2回答
我正在尝试创建一个for循环，它将以一种更吸引人的方式再现下面的代码块。这是用于Soundcould小部件API实现找到的
$(document).ready(function() {
var widget = SC.Widget(document.getElementById('soundcloud_widget'));
widget.bind(SC.Widget.Events.READY, function() {
console.log('Ready...');
});}
$('#goTo5').click(functio
浏览 1提问于2014-03-24得票数 0
回答已采纳
我正在浏览，并且发现在$(document).ready()中附上$.click()事件的要求甚至有点奇怪。我的困难如下：
在加载文档时，控件将输入$(document).ready()函数，但它会继续执行$.click()吗？(根据它不会的行为。但是当控件进入一个正常的函数时，为什么它不进入function?)Since，用户只有在文档准备好之后才能看到url，它真的需要在$(document).ready()中嵌入$.click()吗？)
浏览 6提问于2012-04-10得票数 18
回答已采纳
我有一个关于jquery点击触发器的小问题。在我的index.php中，我在页面的开头有：
if ($oauth == 'yes') {
echo "test";
?>
<script>
$(document).ready(function(){
$("#ajax").trigger('click');
});
</script>
<?php
}
然后在
浏览 0提问于2012-01-17得票数 0
回答已采纳
为什么我的变量没有定义？我在开始时将其定义为全局变量，但在我的函数中无法识别。
script.js:10未捕获ReferenceError:未定义serachFor
$(document).ready(function() {
var searchFor = "";
var artists = "js/data.json";
$('#submit').click(function(e) {
e.preventDefault();
$.getJSON( artists, function(data) {
sear
浏览 3提问于2016-05-04得票数 1
2回答
如果我在一个页面中有一个大的css文件，那么我的document.ready执行将等待加载或不加载css文件。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="large-amount-file.css">
</head>
<body>
<p>If you click on me, I will disapp
浏览 4提问于2016-03-25得票数 2
回答已采纳
1回答
我在我的管理页面上使用jQuery来编辑页面，但是使用这个插件，它甚至拒绝转换一个简单的alert
Jquery：
(function ($) {
$(document).ready(function () {
$( "#target" ).click(function() {
alert( "Handler for .click() called." );
});
});
});
HTML
<div id="target">
Click here
</div>
我甚至尝试在我的文档中加载jquery：
wp_enqu
浏览 2提问于2016-02-11得票数 1
我可以创建Jquery函数，但是如果您想要更多的函数呢？例如，我想要一个下拉列表和一个按钮的函数。我似乎只能做一件事：
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
this.hide();
});
});
</script>
<script type="text/javascript">
$(document)
浏览 1提问于2015-06-18得票数 1
回答已采纳
vs_ajax扩展在magento中的fancybox Jquery问题
令人沮丧的错误
：jQuery(.).fancybox不是函数
onComplete:函数(){
哪种类型的问题我无法解决。
jQuery(document).ready(function(){
jQuery('.fancybox').fancybox(
{
hideOnContentClick : true,
width: 382,
autoDimensions: true,
type : &
浏览 1提问于2014-08-16得票数 0
回答已采纳
我正在使用VS 2017 C# webforms应用程序，并有以下代码：
这段简单的代码尝试将TextBoxes的背景更改为黄色。
单击该按钮后，文本框的背景会短暂地变为黄色，但随后会立即重置为白色。
我注意到在第二次调用page_load事件之后转换为白色。我需要你的反馈，关于这个第二页加载如何影响jQuery以及如何解决上面的问题。
<!DOCTYPE html>
<script src="JQuery/jquery-3.3.1.js"></script>
<html xmlns="http://www.w3.org/199
浏览 0提问于2018-07-24得票数 0
3回答
我有这些下拉表单，我正在寻找一种方法，当我点击任何形式以外的任何地方滑动他们回来。我的javascript代码如下：
$(document).ready(
function(){
$('#login-trigger').click(
function(){
$(this).next('#login-content').slideToggle();
})
});
$(document).ready(function() {
$('#signup-trigger').click(
function(){
$
浏览 2提问于2015-01-07得票数 1
回答已采纳
关于jQuery AJAX，我有两个问题。
( 1) $.load()与$.ajax() used with type: 'GET'有何区别？他们似乎做同样的工作。
( 2)这个问题与下面的代码有关。如果我根本不写"type: GET“行，会发生什么情况？这意味着同样的事情吗？
$(document).ready(function() {
$('#update').click(function() {
$.ajax({
type: 'GET',
url: 'hello-ajax.html&#
浏览 7提问于2013-11-04得票数 0
回答已采纳
我试图将变量的值从一个函数传递到另一个函数。
function changeParent(){
$(document).ready(function(){
$('a').on('click',function() {
var x = $(this).attr('id');
var y = $(this).attr('name');
$.ajax({
type: 'POST',
浏览 0提问于2018-06-19得票数 1
回答已采纳
1回答
我这里有点小问题，我不想添加事件侦听器来点击事件。当单击甚至发生时，函数通常会被触发，但是当它应该调用另一个函数时，它会产生错误：
TypeError: this.addEvent is not a function
代码：
class TEST {
construct(){
this.events = [];
}
}
TEST.prototype.ready = function(callback) {
if (document.readyState!='loading') callback();
else if (docum
浏览 0提问于2018-05-03得票数 1
有没有合适的/标准的方法？
<a href="#" onclick="function();">Link</a>
vs
<script>
$(document).ready(function(){
$('#link1').click(function(){ ... });
});
</script>
<a href="#" id="link1">Link</a>
浏览 3提问于2011-11-19得票数 7
回答已采纳
我还是个jQuery新手，我想知道为什么在.ready()内部调用的jQuery函数工作得很好，而在外部却不行？
例如，这是可行的：
$(document).ready(function() {
$('#field1').click(function() {
$('#result').load('/random_post #post');
});
});
但这不会：
$('#field1').click(function() {
$('#result').load('
浏览 1提问于2011-06-25得票数 2
回答已采纳
每当我单击html页面上的特定元素(在我的例子中是标签内的空白超链接)时，我使用代码来切换html页面中的面板：
<script>
$(document).ready(function(){
$("#technology").click(function(e){
$("#technology_panel").slideToggle("slow");
e.preventDefault()
});
});
</script>
只要
浏览 2提问于2013-01-01得票数 0
回答已采纳
阅读jQueryUI对话框代码，我发现，jQuery 方法有一些未记录的行为：
<button id="btn1">1</button>
<button id="btn2">2</button>
$(function() {
var props = {
text: 'Click it!',
click: function () {
console.log('Clicked btn:', this);
}
浏览 9提问于2012-10-18得票数 8
回答已采纳
4回答
有人能告诉我为什么我不能单独添加处理程序，而必须执行下面这样的操作才能使它工作？
我的问题是，为什么我应该在$(document).ready()中添加隐藏段落的代码以使其工作。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
aler
浏览 3提问于2017-02-28得票数 2
回答已采纳
谁能告诉我为什么在.ready之后需要'function()‘来让脚本工作？
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
}
浏览 0提问于2010-06-06得票数 2
回答已采纳
使用此代码的index.html
<iframe src="other.html" width="100%" height="600px"></iframe>
<input type="button" id="btnOutside" value="Click me"/>
在other.html中，我有这样的代码：
<input type="button" id="btnInside" value="Other Cli
浏览 1提问于2013-02-23得票数 4
回答已采纳
我是js和jQuery的新手，所以如果这段代码看起来有点丢失，请原谅我。我试图隐藏/取消基于Weglot语言选择的Webflow类。下面的代码在chrome中工作得很好，但在safari上通常会失败(但是在iOS上不行--在这里它工作得很好)。在safari(桌面)上，我通常在js控制台中获得“文档就绪”，但我几乎没有得到“开关就绪！”，这意味着已加载和准备好了。
有人能看到我做错了什么吗？
//test doc
$(document).ready(function() {
console.log("document ready!");
//test weglot
浏览 19提问于2022-04-03得票数 0
我有以下代码：
$(document).ready(function() {
$("#popupClose").click(function(){
disablePopup();
});
$(document).keypress(function(e){
if(e.keyCode==27) {
disablePopup();
}
});
});
它现在(终于)在文档完成之前加载弹
浏览 0提问于2012-08-09得票数 0
回答已采纳
5回答
我想要特定的宽度，具体的点击动画，但它不工作。为什么？
这里有一个例子：
从0-959 end > anim1从960 -1279 end> anim2从1280 - 1699 > anim3从1700年-开放端> anim4
这是我的密码：
$(document).ready(function(){
if ($(window).width() > 959) {
$("#mains").click(function(){
anim1();
});
}
});
$(document).ready(function(){
if
浏览 0提问于2014-01-19得票数 1
回答已采纳
4回答
状态：WORKING
运行平稳-单击works
Jquery
$("document").ready(function(){
$("#test").click(function(){
alert("abc");
});
});
CSS
.blue {
background-color:blue;
}
标记体
<body>
<div class="blue" id="test">Testing code</div>
</body
浏览 3提问于2012-12-28得票数 2
回答已采纳
2回答
像个弹出式的灯箱
、、、
这段代码是一个照明盒，但是需要点击才能显示内容，我需要它不用点击就能显示出来。自动的。有点突然出现。
$(document).ready(function() {
$('.lightbox').click(function() {
$('.background, .box').animate({
'opacity': '.60'
}, 500, 'linear');
$('.box').animate({
'opacity': &#
浏览 0提问于2016-07-19得票数 0
回答已采纳
在我的parent.htm中有一个下拉列表，它使用JQuery函数updateMyList()在parent.js中动态地从数据库中填充。
如果用户想要向列表中添加另一个选项，表单child.htm将加载到parent.htm的<div id="overlay">中。要插入新数据，将从child.js调用AJAX请求，该请求包含在child.htm中。
如果请求成功，child.htm将通过$("#overlay").html("")从child.js卸载。当发生这种情况时，我想调用parent.js的updateMyList()，但
浏览 2提问于2015-11-26得票数 0
有人能帮我一下吗？
Jquery
$(document).ready(function() {
function getChildren($row) {
var children = [];
while($row.next().hasClass('child')) {
children.push($row.next());
$row = $row.next();
}
return children;
}
浏览 4提问于2013-07-03得票数 0
我在document.ready中有一些代码可以触发，但是它触发得太快了。这取决于一些JavaScript的创建，否则我会得到一个坏的效果。
这可以很好地工作。
有没有更好的方法来绕过这个计时问题，并确保我的代码稍后运行？我正在解决一个只存在于IE中的问题。
$(document).ready(function() {
window.setTimeout(function() {
$('#accordionmain').trigger('click');
//$('#accordionmain&#
浏览 2提问于2013-07-17得票数 0
3回答
我想知道哪种方法更好，为什么: A)一个文档单击时有许多选择器，B)多个文档单击时。
另外，A的选择器有限制吗？谢谢。
a)
$(document).on('click', '#a, #b, #c, #d, #e', function(e){
});
vs
b)
$(document).on('click', '#a', function(e){
});
$(document).on('click', '#b', function(e){
});
$(document).on('
浏览 3提问于2012-10-18得票数 2
回答已采纳
5回答
我在脚本中执行了这个函数
$(document).ready(documentReady);
function documentReady(){
console.log("Ready");
$(".loadMore").on("click",loadMoreClicked(this.id));
}
function loadMoreClicked(elementID){
//do something with elementID
}
但是，每次加载文档时，它都会立即执行-- loadMoreClicked函数--从而产
浏览 6提问于2015-04-27得票数 1
回答已采纳
我运行的是Rails3.1，在/app/assets/javascripts/procedures.js.js文件中有以下jquery脚本。
$(document).ready(function(){
$('.unselected').click(function() {
$(this).removeClass('unselected');
$(this).addClass('selected');
});
$('.selected').click(function() {
$(this).r
浏览 1提问于2012-07-03得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
