zoukankan      html  css  js  c++  java
  • jQuery

    1$()就是jQuery中的函数,它的功能是获得()中指定的标签元素

    例如:

    <body>
    <div>div的内容</div>
    <div>Hello world!</div>

    <script type="text/javascript">
    $(" div ").html("Hello iMooc!"); //填写相应代码
    </script>
    </body>

    2

    jquery能使用CSS选择器来操作网页中的标签元素。如果你想要通过一个id号去查找一个元素,就可以使用如下格式的选择器:

    $("#my_id")

    其中#my_id表示根据id选择器获取页面中指定的标签元素,且返回唯一一个元素。

    通过#id选择器的方式获取元素,并在元素中调用html()方法为id="divtest"的<div>元素设置了文字显示在页面中。

    例如 在id号为“default”的元素中显示id号为“divtest”元素的内容。

    <div id="divtest">div的内容</div>
    <div id="default"></div>
    <script type="text/javascript">
    $("#default").html($("#divtest").html());
    </script>

    3jQuery中可以根据元素名查找元素,格式如下:

    $("")

    其中attr()方法的功能是设置或获取元素的某项属性值。

    例如 将按钮“灰”掉。

    <body>
    <button id="btntest">点我</button>
    <script type="text/javascript">
    $("button").attr("disabled","true");
    </script>
    </body>

    4

    可以通过元素的类别属性查找元素,就好比在文具盒中要找一个“红色”铅笔一样,根据元素的某个特征进行查找,它的调用格式如下:

    $(“.class”)

    其中.class参数表示元素的CSS类别(类选择器)名称。

    我来试试:“向我看齐”

    使用class选择器的方式获取元素,将类名为“green”div元素中的文字内容设置为与类名为“red”元素一样。

    <body>
    <div class="red">立正,向我这边看齐</div>
    <div class="green">我先歇歇脚</div>

    <script type="text/javascript">
    //使用class选择器的方式获取元素,
    var $redHTML = $(".red").html();
    //将类名为“green”div元素中的文字内容设置为与类名为“red”元素一样。
    $(".green").html($redHTML);
    </script>
    </body>

    5 有一个非常“牛”的选择器,“*”号选择器,它的功能是获取页面中的全部元素

    $(“*”)

    它常与其他元素组合使用,表示获取其他元素中的全部子元素。

    我来试试:秀一把*选择器的“强悍”用法

     将<form>元素包含下的全部表单型元素都设为不可用。

    <body>
    <form action="#">
    <input id="Button1" type="button" value="button" />
    <input id="Text1" type="text" />
    <input id="Radio1" type="radio" />
    <input id="Checkbox1" type="checkbox" />
    </form>
    <script type="text/javascript">
    $("form *").attr("disabled", "true");
    </script>
    </body>

    6

    $(“sele1,sele2,seleN”)

    其中参数sele1、sele2到seleN为有效选择器,每个选择器之间用“,”号隔开,它们可以是之前提及的各种类型选择器,如$(“#id”)、$(“.class”)、$(“selector”)选择器等。

    通过选择器选出其中两个不同类别的<div>,并修改它们显示的内容

    <body>

    <div class="red">选我吧!我是red</div>

    <div class="green">选我吧!我是green</div>
    <div class="blue">选我吧!我是blue</div>
    <script type="text/javascript">
    $(".red,.green").html("hi,我们的样子很美哦!");
    </script>
    </body>

    parent > child选择器的范围要小些,它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈,它的调用格式如下:

    $(“parent > child”)

    child参数获取的元素都是parent选择器的子元素,它们之间通过“>”符号来表示一种层次关系。

    使用$("div>span")选择器代码,获取的是<div>“家庭中”全部“子辈”<span>元素,不包括“孙辈”<span>元素和“家庭外”的<span>元素。

    我来试试:

    1. 在页面中,使用选择器获取<div>元素中的全部子<label>元素,并给它们设置红色边框。
    2. </head>
      <body>
      <div>码农家族
      <p>
      <label></label>
      </p>
      <label></label>
      <label></label>
      </div>
      <label></label>
      <script type="text/javascript">
      $("div>label").css("border", "solid 5px red");
      </script>
      </body>

    8

  • 相关阅读:
    SQL Cookbook:二、查询结果排序(4)对字母数字混合的数据排序
    (转).net框架读书笔记引用参数(ref/out)
    (转).net面试问答(大汇总)
    SQL Cookbook:一、检索记录(9)限制返回的行数
    C# 3.0 Cookbook:一、字符与字符串处理(5):把一个字符串与另一个字符串的头部或尾部作比较
    (转)sql海量数据优化
    (转)C# 中的委托和事件(二)
    (转)我看微软.NET各技术应用前景
    在sql server数据库中快速删除记录,清空表
    SQL Cookbook:二、查询结果排序(3)按子串排序
  • 原文地址:https://www.cnblogs.com/panfeng1104/p/4959446.html
Copyright © 2011-2022 走看看