jQuery - مقبض النقر

Question

لدي مثل هذا البناء:

             <div id="slider"> 
               <div id="nav">
                    <div class="sliderPart">
                        <a href="#computers">
                            <strong>1</strong>
                        </a>
                    </div>
                    <div class="sliderPart">
                        <a href="#network">
                            <strong>2</strong>
                        </a>
                    </div>
                    <div class="sliderPart">
                        <a href="#web">
                            <strong>3</strong>
                        </a>
                    </div>
                    <div class="sliderPart">
                        <a href="#support">
                            <strong>4</strong>
                        </a>
                    </div>
               </div>
               <div id="slider-content">
                    <a href="#computers" id="slider-computers" class="slider-block">Test1</a>
                    <a href="#network" id="slider-network" class="slider-block">Test 2</a>
                    <a href="#web" id="slider-web" class="slider-block">Test 3</a>
                    <a href="#support" id="slider-support" class="slider-block">Test 4</a>
               </div>
            </div>

الآن لا بد لي من التعامل مع النقر فيناطة' و 'المنزلق المحتوى"والحصول على Element Element Href-سمة.

       $('#slider').click(function(){
            console.log( $(this) );
       });

باستخدام هذا الرمز أحصل عليه

div # المنزلق

Answer 1

يستخدم attr للحصول على أو تعيين قيم سمة العنصر:

$('#slider a').click(function(){
    console.log( $(this).attr('href') );
});

محدد #slider يشير إلى عنصر DIV وهذا هو السبب في مخرجات Firebug [div#slider]. وبعد يمكنك استهداف المراسي داخلها باستخدام سلستة السلس محدد:

يطابق جميع عناصر الدرسل التي تحددها "سلالة" العناصر المحددة من قبل "الجد".

مما يعني أن تضع عنصر الدرسل بعد السلف، مفصولة بمساحة كما هو الحال في المثال أعلاه - $('#slider a')

---

لمعلوماتك اعتبارا من ver 1.6 .prop () المقدمة. _{مزيد من المعلومات}

يمكن أن يكون الفرق بين السمات والخصائص مهمة في مواقف محددة. قبل jQuery 1.6، استغرقت طريقة .attr () في بعض الأحيان قيم الممتلكات في الاعتبار عند استرداد بعض الصفات، والتي قد تتسبب في سلوك غير متسق. اعتبارا من jQuery 1.6، توفر الطريقة .Prop () طريقة لاسترداد قيم الممتلكات بشكل صريح، في حين أن .attr () يسترجع السمات. _{مزيد من المعلومات}

على سبيل المثال، SELECTINDEX، TAGNAME، NODENEME، NODETYPE، DefactionChecrected، يجب استرجاع وتعيين DefaultSelefted وتعيينها باستخدام الأسلوب .prop (). قبل jQuery 1.6، تم استرجاع هذه الخصائص مع طريقة .attr ()، ولكن هذا لم يكن ضمن نطاق الباب. هذه لا تحتوي على سمات مقابلة وخصائص فقط. _{مزيد من المعلومات}