JQuery语法

来源：互联网发布：linux网络编程开源项目编辑：程序博客网时间：2024/04/30 02:09

优化结构：

知识点：自动热加载设置：
tomcat----context.xml---加：reloadable=="true"
****************************
<Context reloadable=="true">

……
</Context>
******************************
这样修改完servlet之后，用不到重启项目，自己往上加载

********
jQuery的一个核心的函数：$()
这个与${ }不同，${ }为ER表达式。

jQuery事件之文档加载完毕
   在javascript中<body onload="xxx()">的意义是：在文档加载完毕后会执行xxx()函数，在jQuery中也
   存在相同的功能，即：$(function(){……})。我们给$()这个参数一个参数，参数为一个匿名函数，这
   个匿名函数会在文档加载完毕时执行。
    <script type="text/javascript">
       $(function()){
            alert('文档加载完毕！');
        }
    </script>

选择器
   在javascript中获取元素可以使用document getElementByid()等函数，但在jQuery中提供了更为方便的
   方式。
1、ID选择器
     ID选择器是通过ID来查询元素。
2、元素选择器
     元素选择器是通过元素名来查询元素！
     $("elementName"),这就可以通过元素名来获取jquery元素了！但与id选择器不同的是，名称相同的元     素有很多，所以获得的jquery元素中包含很多dom元素。
     $(function(){
      (alert($("div").length);)
     });
     <div>DIV1</div>
     <div>DIV2</div>
     <span>SPAN</span>
3、类选择器就是通过类名（css类名）来查询元素！
     $(".myClass")，这就可以把所有包含了class="myClass"的元素查询出来了!
      $(function(){
        $(".myClass").text("消失");
       });
      <div class="notMe">div class="notMe"</div>
       <div class="myClass">div class="myClass"</div>
   4、属性选择器
      通过属性名和属性值来查询元素！
      $("name"),查找所有存在name属性元素！
       $(function(){
        altert($("[name]").length);
       });

       用户名：<input type="text" name="name"/><br/>
       年龄： <input type="text" name="age"/><br/>
       <input type="submit" value="登录"/>

$([name=age]).val("99"),查询name属性值为age的元素，并修改其value为99.

       $(function(){
         $("[name=age]").val("99");
       });

       用户名：<input type="text" name="name"/><br/>
       年龄： <input type="text" name="age"/><br/>
       <input type="submit" value="登录"/>
    5、表单选择器
       表单选择器指的是查询表单元素！
       $(":input")查询所有表单单元，包括：input，textarea,select和button元素。
       $(":text")查询所有<input type="text"……/>元素；
       $(":password")查询所有<input type="password"……/>元素；
       $(":radio")查询所有<input type="radio"……/>元素；
       $(":checkbox")查询所有<input type="checkbox"……/>元素；

0 0