jQuery 绑定并实现单击事件

实现的方法如下：

创新互联主要从事做网站、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务靖安,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

1、第一步，创建一个新的html文件，见下图，转到下面的步骤。

2、第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。

3、第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。

4、第四步，执行完上面的操作之后，需要引入jquery.js，见下图，转到下面的步骤。

5、第五步，执行完上面的操作之后，设置输入框的keydown事件与click事件，见下图，转到下面的步骤。

6、第六步，执行完上面的操作之后，按钮单击触发事件，见下图，转到下面的步骤。

7、第七步，执行完上面的操作之后，单击按钮，效果见下图。这样，就解决了这个问题了。

jquery怎么实现单击某控件

html直接写:

按钮

jquery

中也可以实现：

$('#btn').on('click',function(){

单击方法

})

$('#btn').on('doubleclick',function(){

双击方法

})

jQuery触发下拉框单击事件。

按钮触发下拉框单击事件

script

$(document).ready(function(){

$("input").click(function(){

$("select").val("123");

});

});

/script

trigger触发select下拉框

请求写在文档就绪函数里面，$('#typeId').trigger('change');用于页面载入的时候自动触发select的onchange事件 。

如果要使得select的option为某一个value的选项被触发的话，可用用这一句$('#typeId').val(saveValue).trigger('change');其中saveValue为value值。

$(function () {

// 初始化频道

$.ajax({

url: "/channel/first.ajax",

type: "get",

async: false,

dataType: 'json',

success: function (e) {

if (e.status.code == 0) {                    for (var i = 0; i e.data.length; i++) {

$('#typeId').append('option value="' + e.data[i].id + '"' + e.data[i].name + '/option');

/* $("option/option").val(e.data[i].id).text(e.data[i].name).appendTo($('#typeId'));*/

}

$('#typeId').trigger('change');

}

},

error: function () {

}

});

});                       

jQuery触发下拉框单击事件

按钮触发下拉框单击事件

script

$(document).ready(function(){

$("input").click(function(){

$("select").val("123");

});

});

/script

trigger触发select下拉框

请求写在文档就绪函数里面，$('#typeId').trigger('change');用于页面载入的时候自动触发select的onchange事件 。

如果要使得select的option为某一个value的选项被触发的话，可用用这一句$('#typeId').val(saveValue).trigger('change');其中saveValue为value值。

$(function () {

// 初始化频道

$.ajax({

url: "/channel/first.ajax",

type: "get",

async: false,

dataType: 'json',

success: function (e) {

if (e.status.code == 0) {                    for (var i = 0; i e.data.length; i++) {

$('#typeId').append('option value="' + e.data[i].id + '"' + e.data[i].name + '/option');

/* $("option/option").val(e.data[i].id).text(e.data[i].name).appendTo($('#typeId'));*/

}

$('#typeId').trigger('change');

}

},

error: function () {

}

});

});                       

当前标题：jquery单击,jquery单击鼠标实现奇数偶数背景变色
浏览地址：http://chengdu.cdxwcx.cn/article/dsdishh.html