JQuery简单入门

1.Jquery它是一个库(框架),要想使用它,必须先引入!

jquery-1.8.3.js:一般用于学习阶段。

jquery-1.8.3.min.js:用于项目使用阶段

2.helloworld

$(function(){
    alert("helloworld");
});

3.选择器

  1.基本选择器

    id选择器:$("#id名称")

    元素选择器:$("元素名称")

    类选择器:$(".类名")

    通配符:*

    多个选择器公用则用空格

  2.层级选择器

    祖选择:中间逗号隔开

    孩子选择器:中间>隔开

    next选择器:中间用+隔开

    兄弟选择(匹配所有的sibling元素):中间用~隔开

  4.基本过滤器

    $('li').first() 等价于:$(“li:first”)

    基本过滤器:first,last,not,even,odd,eq...

    内容:contains,empty,has,parent

    可见性:hidden,visible

  5.属性选择器

    属性

    [attribute]

    [attribute=value]

    [attribute!=value]

    [attribute^=value]以...开头

    [attribute$=value]以...结尾

    [attribute*=value]包含...文本

    [attrsel1][attrsel2][attrselN]多重选择

  6.表单选择器

    表单的控件名,表单属性

    举例$(":控件名")

    属性$("控件名:属性")

  案例:表格隔行换色,表单的全选与全不选,省市二级联动

原文地址:https://www.cnblogs.com/littlepage/p/9453789.html