当我选中一个复选框时,我希望它转向<p> #0099ff.
当我取消选中该复选框时,我希望它撤消该复选框.
我到目前为止的代码:
$('#checkbox').click(function(){
if ($('#checkbox').attr('checked')) {
/* NOT SURE WHAT TO DO HERE */
}
})
Run Code Online (Sandbox Code Playgroud) $('#myTable').click(function(e) {
var clicked = $(e.target);
clicked.css('background', 'red');
});
Run Code Online (Sandbox Code Playgroud)
有人可以向我解释这个,并解释为什么需要e,以及它实际上做了什么..
我正在尝试在我正在制作的网站上创建快捷方式.我知道我可以这样做:
if(e.which == 17) isCtrl=true;
if(e.which == 83 && isCtrl == true) {
alert('CTRL+S COMBO WAS PRESSED!')
//run code for CTRL+S -- ie, save!
e.preventDefault();
}
Run Code Online (Sandbox Code Playgroud)
但下面的示例更容易,代码更少,但它不是组合键按压事件:
$(document).keypress("c",function() {
alert("Just C was pressed..");
});
Run Code Online (Sandbox Code Playgroud)
所以我想知道如果通过使用第二个例子,我可以做类似的事情:
$(document).keypress("ctrl+c",function() {
alert("Ctrl+C was pressed!!");
});
Run Code Online (Sandbox Code Playgroud)
这可能吗?我试过了它并没有用,我做错了什么.
http://jsfiddle.net/nicktheandroid/tVHYg/
当悬停时.wrapper,它的子元素.contents应该从0px它的自然宽度动画.然后当鼠标移开时.wrapper,它应该动画回来0px.该.wrapper元件应仅一样宽,它需要被(允许.contents成长),所以.wrapper在宽度要长,宽度收缩为.contents一样.应该没有设置的宽度.contents.我正在使用CSS3,但它可以在jQuery中完成,这很好.
问题: 看看JSfiddle
.wrapper 不仅需要它的宽度..contents它增长时,当它几乎达到它的全宽时,它会跳到下一行.wrapper,.contents消失,当它应该动画下来0px.wrapper {
display: inline-block;
height: 20px;
width: auto;
padding:10px;
background:#DDD;
}
.contents {
display:inline-block;
width:0%;
white-space:nowrap;
overflow:hidden;
background:#c3c;
}
.wrapper:hover .contents {
-webkit-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
width:100%;
}Run Code Online (Sandbox Code Playgroud)
<div class="wrapper">
<span>+</span>
<div class="contents">These …Run Code Online (Sandbox Code Playgroud)var target = $(this).attr("href");
if {target is child of ('.wrapper')} then (do something)
Run Code Online (Sandbox Code Playgroud)
简单的语法?有人可以在这里告诉我正确的语法吗?
我需要从当前屏幕位置设置滚动动画,然后按照设定的像素数设置.
$('html,body').animate({
scrollTop: $(window).position().top += 100
});
Run Code Online (Sandbox Code Playgroud)
要么?
$('html,body').animate({
scrollTop: '+=100px'
});
Run Code Online (Sandbox Code Playgroud) 我想要了解它们之间的区别-webkit-text-fill-color并且只是简单color?有什么功能差异吗?据我所知,它们完全相同..你能用一种而不是另一种吗?
使用Jquery有一种方法可以突出显示/选择(如果有人用鼠标选择它)我点击的div内的文本?不是文本框,只是普通的div.
我正在尝试创建一个"短网址"框,当有人点击文本区时,它会突出显示所有文本,但它也不需要允许人们更改文本框中的文本,但是当文本框被禁用时不能选择任何文字,所以我想这样做,我只是觉得div最容易.
对不起,伙计们我最初没有很好地解释我的意思,上面添加了信息以澄清.
http://jsfiddle.net/nicktheandroid/5Ytnj/
当我添加-webkit-backface-visibility: hidden;到.circ元素时,它会使它在动画完成后保持像素化.
我想知道是否有办法让它在动画时不像素化.我在Google Chrome的开发版中查看了它.
看看我的jsfiddle 演示,如果e.which == 1那样当你左键单击h2它会
e.which == 2或e.which == 3然后它不会工作.2是鼠标中键,3是鼠标右键.我也发现了这个:
JQuery提供了一个e.which属性,分别为左,中,右三次返回1,2,3.所以你也可以使用if(e.which == 3){alert("right click"); }
此代码无效:
码:
$("h2").live('click', function(e) {
if( e.which == 2 ) {
e.preventDefault();
alert("middle button");
}
});
Run Code Online (Sandbox Code Playgroud)