Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击时更改div样式无效_Javascript_Jquery_Css - Fatal编程技术网

Javascript 单击时更改div样式无效

Javascript 单击时更改div样式无效,javascript,jquery,css,Javascript,Jquery,Css,我有一些div我想将选择性div位置更改为中心意味着假设我只选择前两个div,该div文本在单击时移动到中心 $(“#键”)。单击(函数myfunction(){ $(“div”).css(“文本对齐”,居中); }); div{ 背景颜色:黄色; 边缘顶部:20px; } 点击我 布拉布拉 猫 罗斯 设置(切换)所选类,打开元素的点击 删除inline事件onselect 将center属性仅设置为已选择类的那些元素 在quotes,$(“div”).css(“文本对齐”,“中心”)中设置

我有一些div我想将选择性div位置更改为中心意味着假设我只选择前两个div,该div文本在单击时移动到
中心

$(“#键”)。单击(函数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保持不变