上周学习总结-2

jQuery库的使用

要想使用jQuery先要在head里面引用

/*我习惯把这个文件放在工作目录下面*/
<script src=".jquery.min.js">

jQuery语法

jQuery 允许通过 CSS 选择器来选取元素。

    //jQuery入口
    $(document).ready(function(){
    //把id叫did的标签变蓝
    $(did).css("color","blue");
    // 开始写 jQuery 代码...
    //让所有li为红色，调用class当然就是.+name
    $("li").css("color","red");
    //ul 里面的li
    $("ul li").css("color","green");
    //ul>li就是包括后代节点在内所有的li，设置样式
    //ul+li是紧挨着才行
    //$(li:first)第一个，$("li:even")偶数 $("li:odd")奇数 
    //$("p:nth-child(2)")找第几个
    });

常用功能

jQuery( ":contains(text)" )查找字符串，包含大小写
$("ul li:first-child")第一个子标签
$(":input")查找input $(":radio")同理
$('.target').hide();隐藏元素，也可以添加动画
$('.inner').append('<p>Test</p>');内部插入，插到最后面
$('.inner').after('<p>Test</p>');外部插入，
<div class="container">
<h2>Greetings</h2>
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
插入后的效果
<div class="container">
<h2>Greetings</h2>
<div class="inner">Hello</div>
<p>Test</p>
<div class="inner">Goodbye</div>
<p>Test</p>
</div>