扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
1、实现点击按钮,复制文本框中的的内容 。
创新互联建站主要从事网页设计、PC网站建设(电脑版网站建设)、wap网站建设(手机版网站建设)、响应式网站、程序开发、网站优化、微网站、小程序设计等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了丰富的成都网站建设、成都网站制作、网站设计、网络营销经验,集策划、开发、设计、营销、管理等多方位专业化运作于一体。
2、复制专题地址和 url 地址,传给 QQ/MSN 上的好友。
3、直接复制 url。
4、点击文本框时,复制文本框里面的内容。
5、复制文本框或者隐藏域中的内容。
6、复制 span 标记中的内容。
1、新建一个html文件,命名为test.html,用于讲解如何用jquery实现点击按钮文本框内的文字加粗。
2、在test.html文件内,使用input标签创建一个文本框,用于文字的输入。
3、在test.html文件内,设置input标签的id为testid,主要用于下面通过该id获得input对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“加粗文字”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行addstrong()函数。
6、在js标签中,创建addstrong()函数,在函数内,通过id(testid)获得input对象,使用css()方法设置input对象内文字的font-weight属性值为bolder,从而实现文字的加粗。
7、在浏览器打开test.html文件,点击按钮,查看实现的效果。
示例html
div class="abc" style="display:none"/div
input type="button" class="but" /
最简单的方法:
script
$(document).ready(function(e) {
$(".but").click(function(e) {
$(".abc").toggle();
});
});
/script
toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。
------
如果你除了显示和隐藏之外还需要同时实现其他功能的话,可以这样:
script
$(document).ready(function(e) {
$(".but").click(function(e) {
if( $(".abc").hasClass("show") ){
// 执行隐藏
$(".abc").hide().removeClass("show");
// 其他
}else{
// 显示
$(".abc").show().addClass("show");
}
});
});
/script
这里通过自定义一个 class : show 来判断 div 是显示或隐藏
hasClass() 是否存在某个class
hide() 隐藏对象
show() 显示对象
removeClass() 移除一个class
addClass() 添加一个class
除此,还可以通过jquery设置这个 div 的 css : display:none/block 来实现隐藏/显示
PS:jquery如何删除div里面的某个div
思路:首先获取到需要删除的对象,然后使用jQuery提供的 remove() 方法删除被选元素及其子元素。
例如,对于如下的HTML结构:
div id="test"
div id="test1"/div
div class="test2"/div
div class="test2"/div
div/div
/div
1、删除id为test1的div
首先使用id选择器获取元素,然后使用remove()函数删除,相应代码为:
$("div#test1").remove();
2、删除所有class为test2的元素
$("#test div.test2").remove(); // 或者 $("div").remove("#test .test2");
3、删除最后一个div
虽然该div没有id及class属性,但是可以从其位置关系上获取然后删除之:
$("#test div:last").remove();
首先,就直接让他 disabled 属性赋值 true 就灰了。
然后在写一个方法,如:
function myfunction()
{
//这里写将按钮恢复的代码,就是将按钮的 disabled 属性赋值为 false
}
最后在执行 setTimeout ,如下:
setTimeout('myfunction()',1000);
后面的 1000就是 1秒。就是说 myfunction() 方法会在 1秒后被执行。
你用的是jquery可以手动调用jquery的触发事件的方法。例如以下例子。
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
titleTitle/title
/head
body
button id="aaa"aaa/button
button id="bbb"bbb/button
/body
script src="jquery.js"/script
script
$(function () {
//给aaa增加事件监听
$('#aaa').on('click',function () {
console.log('aaa clicked');
// 触发bbb点击事件
// 第一种方案:调用bbb点击事件的执行方法,但此时获取不到bbb的点击event对象
bbbClickHandler();
//第二种方案:模拟触发点击bbb的过程
$('#bbb').trigger('click');
});
// 给bbb增加点击事件
function bbbClickHandler(){
console.log(arguments);
console.log('bbb clicked');
}
$('#bbb').on('click',bbbClickHandler);
})
/script
/html
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流