Javascript 单击时更改div样式无效
我有一些div我想将选择性div位置更改为中心意味着假设我只选择前两个div,该div文本在单击时移动到Javascript 单击时更改div样式无效,javascript,jquery,css,Javascript,Jquery,Css,我有一些div我想将选择性div位置更改为中心意味着假设我只选择前两个div,该div文本在单击时移动到中心 $(“#键”)。单击(函数myfunction(){ $(“div”).css(“文本对齐”,居中); }); div{ 背景颜色:黄色; 边缘顶部:20px; } 点击我 布拉布拉 猫 罗斯 设置(切换)所选类,打开元素的点击 删除inline事件onselect 将center属性仅设置为已选择类的那些元素 在quotes,$(“div”).css(“文本对齐”,“中心”)中设置
中心
$(“#键”)。单击(函数myfunction(){
$(“div”).css(“文本对齐”,居中);
});代码>
div{
背景颜色:黄色;
边缘顶部:20px;
}
点击我
布拉布拉
猫
罗斯
- 设置(
切换
)所选
类,打开元素的点击
- 删除
inline
事件onselect
- 将
center
属性仅设置为已选择类的那些元素
- 在
quotes
,$(“div”).css(“文本对齐”,“中心”)中设置属性代码>
$(“#键”)。单击(函数myfunction(){
$(“div.toGrab:not(.selected)”).css(“文本对齐”,“文本对齐”);
$(“div.selected”).css(“文本对齐”,“居中”);
});
$(“div.toGrab”)。在(“单击”,函数(){
$(this.toggleClass('selected');
});代码>
div{
背景颜色:黄色;
边缘顶部:20px;
光标:指针;
}
.选定{
背景:绿色;
}
点击我
布拉布拉
猫
rose
单击功能
不需要给出名称。它可以是匿名的。还应该是$(“div”).css(“文本对齐”,“居中”)
来分配css
属性
函数myfunction(){
//不知道你为什么把这个放在div上。
}
$(文档).ready(函数(){
$(“#键”)。单击(函数(){
$(“div”).css(“文本对齐”,“居中”)
});
});代码>
div{
背景颜色:黄色;
边缘顶部:20px;
}
点击我
布拉布拉
猫
rose
只是一个小失误,需要将值指定为字符串,如下所示:
$("#key").click(function() {
$("div").css("text-align", "center");
});
若要提供边距,则数字将指定为字符串,如下所示:
$("#key").click(function() {
$("div").css("padding", "50");
});
@aswathy
您的所有代码都正常,只是您遗漏了“文本对齐”,“居中”
center
属性应在单引号中
$(“#键”)。单击(函数myfunction(){
$(“div”).css(“文本对齐”,“居中”);
});代码>
div{
背景颜色:黄色;
边缘顶部:20px;
}
点击我
布拉布拉
猫
rose
$(“div”).css(“文本对齐”,“居中”)
据我所知,div元素不支持onselect事件。请提供清晰的步骤说明,以重现您当前存在的“bug”。触发预期行为的确切用户操作是什么?$(“div”)以页面上的所有div元素为目标。这就是你想要的吗?实际上,我只想移动所选的div意味着如果我选择2 div,我选择前两个div(选择意味着使用鼠标)。该div只移动到中心,未选择的div保持不变