jQuery选择标签

1.jQuery的入口函数：


2.jQuery选择标签：$(’’)
例子:

<button id="btn">隐藏</button>
<div id="box">

</div>

<style>
        #box{
            width: 100px;
            height: 100px;
            background: aquamarine;
        }
    </style>

<script>
 $(function () {
	$('#btn').click(function () {
                
                $('#box').hide('slow')
                $('#box').hide(1000)
    })
 })

其中hide（）方法是隐藏的作用，参数可以是速度，也可以是时间。相对show（）显示的方法
3.标签的选择
下面是需要添加样式的几个标签

<div id="box1">qqq</div>
<div class="box2">qqq</div>
<span> 字体大小</span>
<ul>
    <li class="li1"></li>
    <li class="li2"></li>
    <li class="li3"></li>
</ul>

<ul>
    <li class="li"></li>
    <li class="li2"></li>
    <li class="li3"></li>
</ul>

<style>
        .newclass{
            height: 100px;
            width: 100px;
            background: gold;
            overflow: hidden;
        }
    </style>

添加样式的jQuery代码：

<script>
        $(function () {
            //增加css样式
            $('#box1').css({'width':'100px','height':'100px','background-color':'blue'})

            $('.box2').css({'font-size':'70px'})
            //查看字体大小
            console.log($('span').css('font-size'))

        //      增加类名
            $('.box2').addClass('newclass')

            //给li标签增加内容
            // $('.li1').html('这是li1')
            //查找第一个ul下的第一个li标签
            // $('ul li:first').html('li1')
            //查找所有ul下的第一个li标签
            $('ul li:first-child').html('li1')
        //    通过属性值查找
        // 查找name的值为pwd的input标签
            console.log($('input[name="pwd"]'))

        })
    </script>

获得的结果：