首页 > 其他分享 >jquery(一)

jquery(一)

时间:2022-11-04 19:07:35浏览次数:84  
标签:jquery function bg color ddddddddd li eeeeeeeee

页面加载完后加载jquery
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
/*$(document).ready(function(){
alert("hello");
});*/
$(function(){
alert("hello");
});
</script>
//************************************
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
/*$(document).ready(function(){

});*/
$(function(){
$("li.abc").css("color","red");//li.abc之间不能空格
});
</script>
</head>

<body>
<div id="hello">
<ul>
<li>aaaaaa</li>
<li>bbbbbb</li>
<li class="abc">cccccccccc</li>
<li>ddddddddd</li>
<li>eeeeeeeee</li>
<li>fffffffffff</li>

</ul>
</div>//**************************
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
$("#hello ul li:even").css("background","#00f").css("color","#fff");
});
</script>
</head>

<body>
<div id="hello">
<ul>
<li>aaaaaa</li>
<li>bbbbbb</li>
<li class="abc">cccccccccc</li>
<li>ddddddddd</li>
<li>eeeeeeeee</li>
<li>fffffffffff</li>
</ul>
</div>
</body>//**************************************************************************
<head>
<title>jquery01.html</title>

<meta http-equiv="keywords" cnotallow="keyword1,keyword2,keyword3">
<meta http-equiv="description" cnotallow="this is my page">
<meta http-equiv="content-type" cnotallow="text/html; charset=UTF-8">
<style type="text/css">
.bg{
background:#f00;
color:#fff;
}
</style>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
$("li").mouseover(setColor).mouseout(setColor);//检测鼠标放上时是否有bg,没有就加上,鼠标退出时也检测有则此时删掉bg
function setColor(){
$(this).toggleClass("bg");
}
});
</script>
</head>

<body>
<div id="hello">
<ul>
<li>aaaaaa</li>
<li>bbbbbb</li>
<li class="abc">cccccccccc</li>
<li>ddddddddd</li>
<li>eeeeeeeee</li>
<li>fffffffffff</li>
</ul>
</div>
</body>

标签:jquery,function,bg,color,ddddddddd,li,eeeeeeeee
From: https://blog.51cto.com/u_10028442/5824668

相关文章

  • jquery获取父级容器高度
    //获取浏览器显示区域的高度console.log($(window).height());//获取浏览器显示区域的宽度console.log($(window).width());//获取页面的文档高度console.log($(documen......
  • jqueryeasyui-datagrid-扩展-支持单元格编辑
    jqueryeasyui-datagrid很强大,可是在包含三五十个列的时候,datagrid行编辑器加载就忍无可忍了(这里用的IE浏览器,其他的浏览器稍微好些)因为写了一个日期&时间的编辑器的扩......
  • jquery获取所有子元素遍历_Cypress 页面元素基本操作方式
    获取DOM元素基本方式.find(selector)搜索定位元素.get(selector)搜索定位元素.contains(selector)搜索定位元素.children()方法用来获取DON元素的子元素.parents......
  • [Java web]-- jquery自动填充input框(如百度搜索一样,出现模糊提示)
    一、基本思路如下 第一个html页面:<htmllang="en"><head>  <metacharset="GBK"/>  <title>页面</title>  <linkrel="stylesheet"href="http://code.jq......
  • [Java web]-- jquery设置元素成为disabled
    对元素应用disabled和readonly属性的方法,如下:  1.readonly属性举例  $('input').attr("readonly","readonly");     //将input元素设置为readonly ......
  • Jquery学习
    <!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>BootStrapemmetjquery学习</title> <linkrel="stylesheet"href="/static/css/bootstrap.css">......
  • AJAX & jQuery 小结
    AJAX概念:异步的JavaScript和XML作用:ajax就是用来做局部刷新的一种方法PS:现在基本不用xml这种数据交换格式,都是用js+json实现ajax异步请求注意:前端页面发......
  • js、jquery获取不到input输入值
    http://www.mizuiren.com/blog/349.html这篇文章中是说赋值不行,取值可以的原因和处理方法,我遇到的情况不一样,但还是想分享一下这个问题花了将近一天时间怎么回事???最后原因......
  • jQuery制作随机色弹幕墙
    jQuery功能确实强大,虽然用起来不熟练但是在百度大法的帮助下还是挺好使的,今天便用它实现了一个弹幕墙。上张成果图,页面没用心写,有点辣眼睛界面制作就不啰嗦了,后面会放上......
  • day-04(jquery)
    回顾:js:组成部分:ECMAScriptBOMDOM变量声明var变量名=初始化值;数据类型:原始类型UndefinedNullString......