JQ学习笔记4（补充）

最新推荐文章于 2024-08-09 01:34:53 发布

萧萧可乐

最新推荐文章于 2024-08-09 01:34:53 发布

阅读量693

点赞数

分类专栏： JQuery 文章标签： class html list function input css

本文链接：https://blog.csdn.net/NIHAOX1/article/details/7409806

版权

JQuery 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

JQ选择器的补充

html：

 <ul class="list_item">
    <li>
        <span><strong>地 区:</strong></span>
        <span name="all" class="all"><a href="#">全部</a></span>
        <ul class="list_1">
            <li><a href="#">卢湾区</a></li>
            <li><a href="#">徐汇区</a></li>
            <li><a href="#">静安区</a></li>
            <li><a href="#">长宁区</a></li>
            <li><a href="#">闵行区</a></li>
            <li><a href="#">浦东新区</a></li>
            <li><a href="#">黄浦区</a></li>
            <li><a href="#">普陀区</a></li>
            <li><a href="#">闸北区</a></li>
            <li><a href="#">虹口区</a></li>
            <li><a href="#">杨浦区</a></li>
            <li><a href="#">宝山区</a></li>
            <li><a href="#">松江区</a></li>
            <li><a href="#">青浦区</a></li>
            <li><a href="#">近郊</a></li>
        </ul>
    </li>
    </ul>

$(".list_item span[name='all']").click(function(){})；// 选中name="all"的span标签

.siblings('[select]')的用法
html:

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

$('li.third-item').siblings().css('background-color', 'red');

选中class='third-item'的所有同辈元素并添加CSS

逻辑选择：
$(this).parent().prev().removeClass("all");

HTML元素赋予src值：
$(this).children("img").attr("src","images/newui/takeout/btn_up.png");

获取textarea中的文本
<textarea id="JWord" name="textarea" cols="" rows="" class="input_3"></textarea>
Rmdtext=$("#JWord").val();