Question

我编写了一个代码来修改div的内联样式。代码如下所示：

         <div class="padd col-xs-12 col-sm-12 col-md-12 pern alert" id="bloc" style="display:none;"> 
                            <div class="pad col-xs-12 col-md-6">
                                <h4>dfdfdffddf</h4>
                            </div>
                            <div class="pad col-md-5">
                                <span class="next-step"><button class="ret_but butt label label-primary" id="equipment" name="equipment" type="button">Select Equipment</button></span>
                                <div class="status">
                                    <b>Status</b>
                                    <i class="open" id="open">Open</i>

                                </div>
                            </div>
                            <div class="pad col-xs-12 col-md-1">

                                <button aria-hidden="true" data-dismiss="alert" class="close" type="button"> <i class="fa fa-trash-o" aria-hidden="true"></i> </button>
                            </div>
                        </div>

我想将id = bloc的div样式更改为display：block。我已经为它写了一个jquery代码，但它没有用。

jquery：

 $("#senddata").click(function() {


        $(".padd").css('style','display:block;');


});

senddata是表单内按钮的id。当我单击该按钮时，特定div的内联样式应更改为display：block。但它并没有改变风格。任何人都可以帮我吗？

Answer 1

style不是有效的样式属性。您需要更改display

    $(".padd").css('display','block');

如果要使用jquery更改样式，则在样式属性或css文件中写入样式无关紧要

Answer 2

你的JQ不正确。您可以使用$("#senddata").click(function() { $(".padd").show() });方法

<强> show()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="senddata">
 senddata
 </button>
 
 <div class="padd col-xs-12 col-sm-12 col-md-12 pern alert" id="bloc" style="display:none;"> 
                            <div class="pad col-xs-12 col-md-6">
                                <h4>dfdfdffddf</h4>
                            </div>
                            <div class="pad col-md-5">
                                <span class="next-step"><button class="ret_but butt label label-primary" id="equipment" name="equipment" type="button">Select Equipment</button></span>
                                <div class="status">
                                    <b>Status</b>
                                    <i class="open" id="open">Open</i>

                                </div>
                            </div>
                            <div class="pad col-xs-12 col-md-1">

                                <button aria-hidden="true" data-dismiss="alert" class="close" type="button"> <i class="fa fa-trash-o" aria-hidden="true"></i> </button>
                            </div>
                        </div>

ActiveSheet.Range("B:D").NumberFormat = "@"

Answer 3

如果您在内联样式中使用了display:none，则必须在jQuery中使用show()和hide()方法。

 $("#senddata").click(function() {
        $(".padd").show()
});

如何更改内联样式的div中的样式属性？

3 个答案: