加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

jQuery DOM操作例子

发布时间:2023-10-23 14:50:12 所属栏目:教程 来源:
导读:都来加深印象吧,大家都知道jQuery很好使用,因为它简化了javascript代码,更重要的是它还兼容基本上所有的浏览器,网页开发最头疼的就是这个了,所以jQuery也因此深受码农的喜爱,不过首先你得要记住它才能更好的使
都来加深印象吧,大家都知道jQuery很好使用,因为它简化了javascript代码,更重要的是它还兼容基本上所有的浏览器,网页开发最头疼的就是这个了,所以jQuery也因此深受码农的喜爱,不过首先你得要记住它才能更好的使用它不是吗,过久了没用的属性方法也会淡忘的,下面是jQuery的DOM操作方法属性的详解,看看加深下印象。
 
例子虽丑功能还俱全呢!
 
代码如下:
 
<!DOCTYPE html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 
    <title></title>
 
    <style type="text/css">
 
        body {
 
            /*color: purple;*/
 
        }
 
        .a{
 
            color:red;
 
        }
 
        .b {
 
            color:purple;
 
        }
 
    </style>
 
    <script src="script/jquery-1.4.1.js"></script>
 
</head>
 
<body>
 
    <p id="div">class</p>
 
    <div id="all" class="a" >all
 
    <input type="text" value="text" name="text" id="text"/>
 
        <p id="p">p</p>
 
        <ul id="ul">
 
            <li id="a">苹果</li>
 
            <li id="b">脐橙</li>
 
            <li id="c">柚子</li>
 
        </ul>
 
        <div id="d">
 
            <p>内容</p>
 
        </div>
 
        <input type="button" value="鼠标悬浮效果" id="over" />
 
    </div>
 
    <script type="text/javascript">
 
        $().ready(function () {
 
            var p = $("#p");
 
            //alert(p.attr("id"));//attr("属性名")获取属性,attr("属性名","属性值")设置属性
 
            //p.attr("title","title");//设置属性
 
            //p.removeAttr("id");//删除指定元素属性名的元素属性
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章