আমি কীভাবে সিএসএস ডিসপ্লে কোনও পরিবর্তন করতে বা jQuery ব্যবহার করে সম্পত্তি ব্লক করতে পারি?

Question

আমি কীভাবে সিএসএস ডিসপ্লে কোনও পরিবর্তন করতে বা jQuery ব্যবহার করে সম্পত্তি ব্লক করতে পারি?

Answer 1

এটি করার সঠিক উপায় হ'ল ব্যবহার showএবং hide:

$('#id').hide();
$('#id').show();

বিকল্প উপায় হল jQuery CSS পদ্ধতি ব্যবহার করা :

$("#id").css("display", "none");
$("#id").css("display", "block");

Comments

@ জেনেরিকটাইপ: আইডির #idজন্য ব্যবহৃত যদি আমি ব্যবহার করতে চাই তবে কী হবে class?

— অাবিনগঞ্জ

$(".class").css("display", "none");

— djdd87

আমি ব্যবহার করার চেষ্টা করেছি $('#id').css('display', 'none');, কিন্তু এটি কার্যকর হয়নি। তবে, ব্যবহার $('#id').css('color', 'red');করে কাজ করে। যদিও আমি নিশ্চিত নই। কারো কি কোন ধারনা আছে? আগাম ধন্যবাদ.

— ডেভিড

Answer ('# আইডি') এর মধ্যে পার্থক্য অন্তর্ভুক্ত করাও মূল্যবান hide ("# আইডি") লুকান।

— মণিরাজ এসএস

উভয়ের মধ্যে পার্থক্য রয়েছে, যেখানে পূর্বের ফাংশনটি কেবল পাঠ্যটি লুকিয়ে রাখে এবং কোনও উপাদান দ্বারা দখলকৃত স্থানটি মুক্ত করে না যদিও পরবর্তীকালে বিষয়বস্তুটি লুকিয়ে রাখে এবং মজাদার উপাদান দ্বারা দখলকৃত স্থানটি মুক্ত করে

— দিলা গুরুং

Answer 2

এটি সম্পাদন করার বিভিন্ন উপায় রয়েছে যার প্রত্যেকটি নিজস্ব উদ্দেশ্যযুক্ত intended

---

1। ) কোনও উপাদানকে করণীয় তালিকাকে নির্ধারিত করার সময় ইনলাইন ব্যবহার করা

$('#ele_id').css('display', 'block').animate(....
$('#ele_id').css('display', 'none').animate(....

---

2। ) একাধিক CSS বৈশিষ্ট্য নির্ধারণের সময় ব্যবহার করতে use

$('#ele_id').css({
    display: 'none'
    height: 100px,
    width: 100px
});
$('#ele_id').css({
    display: 'block'
    height: 100px,
    width: 100px
});

---

3। ) কমান্ড ডায়নামিকভাবে কল করতে

$('#ele_id').show();
$('#ele_id').hide();

---

4। ) ব্লক এবং কোনওটির মধ্যে গতিশীলভাবে টগল করা, যদি এটি কোনও ডিভ হয়

• কিছু উপাদান Ta g N আমের উপর নির্ভর করে ইনলাইন, ইনলাইন-ব্লক, বা টেবিল হিসাবে প্রদর্শিত হয়

$ ( '# Ele_id') টগল ()।

Answer 3

ডিভের প্রদর্শনটি যদি ডিফল্টরূপে অবরুদ্ধ থাকে তবে আপনি দৃশ্যমানতার মধ্যে টগল করতে কেবল .show()এবং .hide()এমনকি সহজতর ব্যবহার করতে পারেন .toggle()।

Comments

সত্য, এটি প্রাথমিকভাবে যা ছিল তা প্রদর্শন করবে যা ব্লক বা অন্য কিছু হতে পারে।

— ড্যানিয়েলগউড

Answer 4

আড়াল করার জন্য:

$("#id").css("display", "none");

প্রদর্শনের জন্য:

$("#id").css("display", "");

Answer 5

JQuery CSS পদ্ধতি ব্যবহার করে এটি করার অন্যান্য উপায়:

$("#id").css({display: "none"});
$("#id").css({display: "block"});

Answer 6

সহজ উপায়:

function displayChange(){
$(content_id).click(function(){
  $(elem_id).toggle();}

)}

Comments

একটি ব্যাখ্যা ক্রম হবে।

— পিটার মর্টেনসেন

Answer 7

(function($){
    $.fn.displayChange = function(fn){
        $this = $(this);
        var state = {};
        state.old = $this.css('display');
        var intervalID = setInterval(function(){
            if( $this.css('display') != state.old ){
                state.change = $this.css('display');
                fn(state);
                state.old = $this.css('display');
            }
        }, 100);        
    }

    $(function(){
        var tag = $('#content');
        tag.displayChange(function(obj){
            console.log(obj);
        });  
    })   
})(jQuery);

Comments

একটি ব্যাখ্যা ক্রম হবে।

— পিটার মর্টেনসেন

Answer 8

যদি আপনি লুকাতে চান এবং একটি উপাদান দেখাই, তার উপর নির্ভর করে তা ইতিমধ্যে দৃশ্যমান বা না হয় তবে আপনি টগল পরিবর্তে ব্যবহার করতে পারেন .hide()এবং.show()

$('elem').toggle();

Answer 9

.hide () আমার জন্য ক্রোমে কাজ করে না।

এটি লুকানোর জন্য কাজ করে:

var pctDOM = jQuery("#vr-preview-progress-content")[0];
pctDOM.hidden = true;

Answer 10

আমার ক্ষেত্রে আমি কোনও ইনপুট উপাদান খালি ছিল কিনা তা অনুসারে কোনও ফর্মের উপাদানগুলি প্রদর্শন / আড়াল করছিলাম, যাতে উপাদানগুলি আড়াল করার সময় লুকানো উপাদানগুলির পরে থাকা উপাদানটি তার স্থানটি দখল করে রাখার জন্য এটি ভাসা করার প্রয়োজন ছিল: বাম যেমন একটি উপাদান উপাদান। এমনকি নির্ভর হিসাবে প্লাগইন ব্যবহার করা হলেও এটিতে ভাসা ব্যবহার করা দরকার ছিল।

Answer 11

এটা ব্যবহার কর:

$("#id").(":display").val("block");

বা:

$("#id").(":display").val("none");

Comments

এটি আমার পক্ষে কাজ না করার সমস্যা রয়েছে :(।<style> #choosepath { display: none; } </style> <script> $(document).ready(function () { $('#btn_journey').click(function () { alert("button click"); $('#choosepath').css({"display":"normal"}); }); }); </script> </head> <body> <a href="#" class="btn btn-primary btn-lg" id="btn_journey">Start your journey</a> <div class="col-lg-3 col-md-6 mb-4" id="choosepath"> </div> </body></html>

— জাইবালাজি

Answer 12

ব্যবহার করুন:

$(#id/.class).show()
$(#id/.class).hide()

এই এক সেরা উপায়।