登录  /  注册
博主信息
博文 45
粉丝 2
评论 1
访问量 25456
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
2018年04月4号15:30分
哈的博客
原创
411人浏览过

总结:

通过学习jquery对象中,不仅可以用css,style控制样式还可以用script对象实现。在script中,toArray()可以返回dom值;find()返回所以后代元素;eq()返回指定的对象而且是从0开始的,children()返回所以得直接的子元素。。each(function)){})回调.....

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
    <!--<form action="" method="pot">
	<fieldset>
	<legend>用户注册表</legend>
    <p>用户名:<input type="text" name="name" required=""></p>
    <p>邮箱:<input type="email" name="email" required=""></p>
    <p>密码:<input type="password" name="psw1" required=""></p>
    <p>确认密码:<input type="password" name="paw2" required=""></p>

    <p>性别:
    <input type="radio" name="gender" value="male">男
    <input type="radio" name="gender" value="female">女
    </p>

    <p>上传图片:<input type="file" name=""></p>

    <p>wed语言:
    <input type="checkbox" name="lang[]" value="js">js
    <input type="checkbox" name="lang[]" value="php">php
    <input type="checkbox" name="lang[]" value="html">html
    <input type="checkbox" name="lang[]" value="css">css
    </p>

    <p>级别:
    <select name="level">
    <option value="0">小白</option>
    <option value="1">入门</option>
    <option value="2">中级</option>
    <option value="3">高级</option>
    </select>
    </p>

    <p><textarea cols="40" rows="5"></textarea></p>

    <p>
    <button type="submit" name="submit">提交</button>
    <button type="reset" name="reset">重置</button>
    </p>
	</fieldset>
	</form>-->

    <ul>
    <li>桥 最懂水的柔情。<a href="">下载</a></li>
    <li>你相信时光不老吗。<a href="">下载</a></li>
    <li>那缠绵了千年的细吻。<a href="">下载</a></li>
    <li>依然保持着最深情的姿势。<a href="">下载</a></li>
    </ul>
</body>
</html>

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
//$(':input').css('color','red')
//$(':input:password').css('background-color','blue')

$('li').eq(1).text().css('color','red')
$('ul').file('li').css('color','blue')
$('li').first().css('color','#363636')
$('ul').children(p).css('color','green')
$('li').last().css('color','red')
$('ul').find('li').css('color','blue')
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例


批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学