• JQuery 总结篇


    一、基础知识

    1、jq的使用

    在script块中:

    方式1:$(function(){
                       
                          $("[使用选择器]").css("background-color","red");
                    })

    方式1(方式1的另一种表示方法):jQuery(function(){
                      
                       alert("456");
                   })

    方式2: window.onload=function(){
                       
                        alert("123");
                       
                    }

    方式3:$(document).ready(function(){
                      
                       alert("789");
                   })


    2、选择器的使用

      2.1  基本选择器

    包含:id、元素、类、*、多个选择器

    举例:

    image


    还有一些基本选择器:(具体用法可以去看JQuery 1.4.1中文参考)

    image

    选择器的介绍:

    :first   【获取第一个元素】

    :last    【获取最后个元素】

    :even    【匹配所有索引值为偶数的元素,从 0 开始计数】

    :odd     【匹配所有索引值为奇数的元素,从 0 开始计数】

    :eq([数值])       【匹配一个给定索引值的元素】

    :lt([数值])    【匹配所有小于给定索引值的元素】

    :gt([数值])    【匹配所有大于给定索引值的元素】


    测试:$("ul li:first").css("background-color","red");


      2.2  层次选择器

    ancestor descendant【在给定的祖先元素下匹配所有的后代元素】

    parent > child         【在给定的父元素下匹配所有的子元素】

    prev + next            【匹配所有紧接在 prev 元素后的 next 元素】

    prev ~ siblings       【匹配 prev 元素之后的所有 siblings 元素】


    举例:

    image

      2.3  属性选择器

    根据元素的属性进行筛选:

    image


    [attribute!=value]举例:

    image



      2.4  子元素选择器

    :nth-child   【:nth-child 下标是从1开始的,而:eq()是从0算起的!】

    :first-child   【':first' 只匹配一个元素,而此选择符将为每个父元素匹配一个子元素】

    :last-child    【':last'只匹配一个元素,而此选择符将为每个父元素匹配一个子元素】

    :only-child    【如果某个元素是父元素中唯一的子元素,那将会被匹配。如果父元素中含有其他元素,那将不会被匹配。】

      2.5  表单选择器和表单对象属性选择器

    image

      2.6  其他选择器

    image

  • 相关阅读:
    asp.net自己创建的app_code文件夹中的类不能访问的解决办法
    html+css实现选项卡功能 【转】
    jquery实现文本框数量加减功能的例子分享
    css3中的background
    通过CSS3 实现响应式Web设计的三个步骤
    鼠标移动到图片透明度改变
    jQuery之简单的表单验证【转】
    手机web——自适应网页设计(html/css控制)【转】
    css3 media媒体查询器用法总结
    把人团结在一起的力量
  • 原文地址:https://www.cnblogs.com/cgntiger/p/11182234.html
Copyright © 2020-2023  润新知