java script 第六章

 1.DOM操作分为DOM Core, HTML-DOM和CSS-DOM3种操作类型
2.使用css()方法可以为元素添加样式,使用addClass()方法微元素追加类样式,使用removeClass()方法可以移除样式,使用toggleClass方法可以切换样式
3.使用html()方法可以获取或是设置HTML代码,使用text()方法可获取或设置元素的文本类容,使用val()方法可获取value属性值
4.使用DOM元素节点操作包括查找,创建,替换,复制和遍历等
5.在jquery中,提供了append()等一系列方法插入节点,使用remove()等方法删除节点
6.在juery中,使用attr()方法可获得或设置元素属性,使用removeAttr()方法可删除元素属性。
7.在jquery,遍历操作包括遍历子元素,遍历元素和遍历前辈元素
8.在jquery中,提供了获取和设置元素高度,宽度,相对位置等CSS—DOM方法

<!DOCTYPE html>  
    <html>  
      <head>  
        <title>day0200.html</title>  
        <script type="text/javascript" src="js/jquery-1.11.1.js"></script>  
        <script type="text/javascript" src="js/jquery-migrate-1.2.0.js"></script>  
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
        <meta http-equiv="description" content="this is my page">  
        <meta http-equiv="content-type" content="textml; charset=UTF-8">  
          
    <script type="text/javascript">  
    $(function(){  
    //添加节点  
    //添加到结尾  
    /*$("#d").click(function(){ 
    var jq=$("<li>3333<>"); 
    $("ul").append(jq); 
    }); 
    */  
      
    //添加到开头  
    /*$("#d").click(function(){ 
    var jq=$("<li>3333<>"); 
    $("ul").prepend(jq); 
    }); 
    */  
      
    //替换  
    /*$("#a").click(function(){ 
    $("li:eq(0)").replaceWith("<li>ppp<>"); 
    });*/  
      
    $("#u").click(function(){  
    /ar jq=$("<li>3333<>");  
    $("ul li:eq(0)").clone(true).appendTo("ul");  
    });  
    });  
      
    </script>  
      
      </head>  
        
      <body>  
    <ul>  
    <li>1111<>  
    <li>2222<>  
    </ul>  
    <input type="button" id="d" value="添加"/>  
    <input type="button" id="a" value="替换"/>  
    <input type="button" id="u" value="克隆"/>  
      </body>  
    <ml>  
    <span style="font-size:32px;">  
      
    </span>  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值