学习笔记之jquery

本地服务

cmd–services.msc启动mysql服务

1.使用jquery

在script标签里先通过src属性导入.js文件。例：

<script src="../js/jquery-1.11.0.min.js"></script>

2.页面加载

页面加载事件尽量不要使用DOM的window.onload=function(){}属性，因为只能使用一次
但可以使用jquery封装了的对象即$(function(){...})

3.派发事件

$("选择器").click(function(){...});//鼠标单击时发生的事件

例：

$(function(){
    $("id的值").click(function(){
    alert(123);
    })
});
</script>

4.选择器

1）基本选择器

$("#id") //所有id=id
$(".class") //所有class=class
$("div") //所有标签名为div
$("#id,.class") //所有id=id和class=class

2）层次选择器

a b—–a的所有b后代
a>b—–a的所有b孩子
a+b—–a的下一个兄弟（大弟弟）
a~b—–a的所有弟弟

3）基本过滤选择器

div(标签名):frist 第一个
同上:last 最后一个
同上:odd 索引奇数
同上:even 索引偶数
同上:eq(index) 指定索引
同上:gt(index)>
同上:lt(index)<

4）内容过滤

:has(“选择器”) 包含指定选择器的元素
例：选取含有class为mini元素的div元素

$("bt1").click(function(){
$("div:has('.mini')").css("background-color","#0ff")
})
})

案例:隔行换色

<script>
$(function(){
$("tr:gt(0):odd").css("background-color","#FFFFCC");             //gt(0)索引大于0，即行大于0开始执行
$("tr:gt(0):even").css("background-color","#BCD68D");                 
})
</script>

5.对属性及css操作

对属性：使用attr(“属性名”,”要添加的属性”);

对多个属性:使用attr({“属性名”:”要添加的属性”
          属性名”:”要添加的属性”
});

对css：使用css(“属性名”,”要添加的属性”);

对多个属性:使用css({“属性名”:”要添加的属性”
          属性名”:”要添加的属性”
});