$("#btn").click(function(){ });只有在页面加载的时候才会有效触发

最新推荐文章于 2023-03-29 21:13:11 发布
最新推荐文章于 2023-03-29 21:13:11 发布
阅读量2.2k 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/lxcmyf/p/6639567.html
版权

例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-2.0.0.js"></script>
        <script>
            var j = "";
            $(function(){
                j = 1;
                $("#btn").click(function(){ //函数在$(function(){})内
                    alert(j);
                });
            });
        </script>
    </head>
    <body>
        <input type="button" value="按钮" id="btn" />
    </body>
</html>

 

转载于:https://www.cnblogs.com/lxcmyf/p/6639567.html

weixin_34255055
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
$(“”).click与onclick的区别示例介绍
12-10
$("#btn4").click(function(){ $("#btn3").click(); }); }); function change(){ alert("onclick"); } [removed] <button id="btn3" onclick="change()">dd</button> <button id="btn4">...
$("").click与onclick的区别示例介绍
09-04
在JavaScript和jQuery中，`onclick` 和 `click()` 都是用来处理用户点击事件的，但它们之间存在着一些关键的区别。 `onclick` 是一个HTML属性，它用于在元素上直接绑定事件处理函数。当你在HTML元素中设置 `onclick...
$("button").click(function () { 与 $(":button").click(function () { window.onblur window.onfocus
QQ79054467(u014750697的博客)
06-11 3591
$("button").click(function () {  选择 $(":button").click(function () { 选择的是input
jquery $('#btn').click与$("#btn").live("click",function()有什么区别？
weixin_34268310的博客
01-06 712
live方法绑定的事件处理函数，在页面中未来添加的元素只要满足原来的选择器，仍然会导致事件触发。普通的事件绑定则没有这个效果。对于#btn这个选择器来说，如果你未来将id为btn的元素删除，然后再创建一个id为btn的元素，若你在页面中点击这个新创建的元素，使用$('#btn').click绑定的函数将不会被触发，但使用$("#btn").live("click",...绑定的函数会被触发。 转载...
jquery绑定点击事件形参_jQuery中的事件处理写法(以click事件为例)
weixin_28726969的博客
12-23 624
在原生态脚本中，我们学到了click事件按钮document.getElementById(“btn”).onclick=function(){alert(3);}//这种写法的缺点在于如果有多个事件赋值，后面的会覆盖前面的于是我们学到了addEventListener(IE:attachEvent)按钮document.getElementById(“btn”).addEventListener...
jquery给某个标签如<button>等，添加点击事件，$("#XX").click(function(){ });
Ideality_hunter的专栏
06-08 5182
jquery给某个标签如等，添加点击事件，$("#XX").click(function(){  });
ExtJS面试题
11-21 6003
此文为原创，转载请注册出处． 1.   １Ext.get()函数返回哪种数据类型？__ A.     单个DOM节点对象  B.     单个 Ext组件  C.     单个 Ext元素  D.     多个DOM节点对象   2.      Html中有id为btnSave的元素，下面为该元素添加单击事件不正确的是:___ A.     Ext.get(‘btnSave’
DOM知识概要
qq_45753147的博客
03-10 127
事件机制 1.事件处理程序 为了在用户点击元素时执行代码,请向HTML事件属性添加JavaScript代码： <div id="one" onclick="test(event)">点击我啊</div> <button id="btn">点击我</button> window.onload = function () { // 获取btn var btn=document.getElementB...
在layui.use 中自定义 function 的正确方法
10-16
通常在使用Layui时，我们会先引入layui的CSS和JS文件，然后通过 `layui.use` 加载需要的模块，如 jQuery、layer、form 等。这样可以按需加载，提高页面性能。 以下是一个简单的例子： ```html <!DOCTYPE html> ...
jQuery点击弹出信息提示框插件.zip
最新发布
09-22
$('#element').click(function() { // 弹出信息提示框的代码 }); ``` 2. **DOM操作**：获取和操作HTML元素是jQuery的强项。`$(selector)`是jQuery的选择器，用于选取匹配的DOM元素。然后，可以使用`.html()`, `...
layer.open 子页面弹出层向父页面传输数据的例子
10-16
在网页开发中，有时我们需要在弹出的子页面或弹窗中进行操作并把结果传回给父页面。Layer是一个非常流行的JavaScript弹层组件，它提供了丰富的弹出窗口功能，包括对话框、提示、加载、iframe等。在本文中，我们将...
jquery基础之效果
m0_56420338的博客
03-29 215
淡出到fadeTo(speed,opacity,callback)speed参数必须设置，opacity必须设置，范围（0-1）可选参数stopAll，规定是否清除动画队列，默认是false，即仅停止当前活动的动画。可选参数speed完成动作的时长，可选参数callback是动作完成后执行的方法。，允许后续的动画继续执行，如果设定为true，则直接停止所有的动画队列。speed的值可以选取固定的关键字，或指定的时长，时间单位是毫秒。可以将动画的属性值设置为show，hide ，toggle。
【练习题】10道jQuery测试题
web前端开发
08-12 5272
1、以下关于jQuery的描述错误的是（）A、jQuery是一个JavaScript函数库B、jQuery极大地简化了JavaScript编程C、jQuery...
js按钮绑定点击事件
zy_whynot的博客
01-16 9721
1、第一种 $("#btn").click(function(){ 操作 }) 2、第二种 document.getElementById('#foo').addEventListener('click', function(){}); 3、第三种 （1）绑定 <button type="submit" id="btn" οnclick="btn()">btn</butto...
Jquery中的事件绑定$("#btn").bind("click",function(){ })
weixin_34375251的博客
10-14 1340
Jquery中的事件绑定：$("#btn").bind("click",function(){  }) 由于每次都这么调用太麻烦，所以jquery就用$("#btn").click(function(){})来进行简化
jQuery事件
zzo12345的博客
02-09 264
十、事件 1.事件 jQuery里面的事件不需要写on。 下面括号中data是事件传递的数据，fn是事件的匿名函数回调。 可以链式写事件（即连点） blur([[data],fn]) change([[data],fn]) 该事件仅适用于文本域（text field），以及 textarea 和 select 元素。 click([[data],fn]) dblclick([[data],fn]) focus([[data],fn]) focusin([data],fn) 当元素获得焦点时，触发
append替换代码后jquery不起作用_18道JQuery技术基础知识测试题
weixin_39762666的博客
11-29 142
1、什么DOM对象()A、是javascript访问页面元素的对象B、html对象C、C#对象D、java对象2、什么是jQuery对象()A、jQuery库自身具有方法，获取页面元素的对象B、C#对象C、C++对象D、java对象3、jQuery添加CSS样式的方法是？()A、addB、cssC、htmlD、addCss4、jQuery是否开源？()A、正确B、错误5、jQuery是有...
问题：前端JavaScript动态生成的标签，$('#submit-btn').click(function)不响应
yuyexiaohan的博客
12-24 2344
前端渲染动态生成的HTML标签，在使用click点击时，函数不触发响应。 解决办法： 1.使用on全局监听加载完成后的标签项是否被点击，具体语句： // 其中submit-btn标签是被点击标签 $("body").on("click","#submit-btn",function(){}) 2.在HTML标签中调用onclick函数的方式，具体语句如下： <button class="b...
jquery实现轮播图，可点击左右切换
Denghalou的博客
08-19 8964
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图</title> <style type="text/css"> * { padding: 0; margin: 0; m...
$.acooly.divdialog如何将当前页面的值传递到divdialog去
06-08
要将当前页面的值传递到$.acooly.divdialog中，可以通过以下步骤实现： 1. 在页面中定义一个按钮，用于触发打开$.acooly.divdialog的操作。 2. 在按钮的点击事件中，获取需要传递到$.acooly.divdialog中的值，并将这些值存储在一个JavaScript对象中。 3. 调用$.acooly.divdialog的open方法打开弹出框，同时将第2步中存储的JavaScript对象作为参数传递给$.acooly.divdialog。 4. 在$.acooly.divdialog中，通过参数获取第3步中传递过来的JavaScript对象，并将其中的值填充到弹出框中。 具体实现代码如下： ```javascript // 页面中的按钮点击事件 $('#btn-open-dialog').click(function() { // 获取需要传递到弹出框中的值 var name = $('#name').val(); var age = $('#age').val(); // 将这些值存储在一个JavaScript对象中 var data = { name: name, age: age }; // 打开弹出框，并将数据对象传递给$.acooly.divdialog $.acooly.divdialog.open({ title: '弹出框标题', url: '/path/to/dialog', data: data }); }); // 弹出框页面中，通过参数获取传递过来的数据对象 $(function() { var data = $.acooly.divdialog.options.data; // 将数据对象中的值填充到弹出框中 $('#name').val(data.name); $('#age').val(data.age); }); ``` 在上面的代码中，`#btn-open-dialog`是页面中的按钮，`#name`和`#age`是输入框，`/path/to/dialog`是弹出框的页面地址。当用户点击按钮时，页面会获取输入框中的值，并将这些值存储在一个JavaScript对象中。然后调用$.acooly.divdialog的open方法打开弹出框，并将数据对象传递给它。在弹出框的页面中，可以通过`$.acooly.divdialog.options.data`获取传递过来的数据对象，然后将其中的值填充到弹出框中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值