JQuery语法

最新推荐文章于 2024-02-02 14:47:08 发布

zzq-u014071328

最新推荐文章于 2024-02-02 14:47:08 发布

阅读量489

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/u014071328/article/details/40542595

版权

web 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

优化结构：

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

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

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

jQuery事件之文档加载完毕
   在javascript中<body οnlοad="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"……/>元素；