<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>弹出层制作</ti
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>window.onload与$(document).ready()</title> </head> <body> <h1>测试window.onload与$(d
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery 练习</title> <link rel="stylesheet" href="index.css"> <style> .todo-main li
<script src="js/jquery-1.10.1.js" type="text/javascript" charset="utf-8"></script> <script src="js/myLib.js" type="text/javascript"></script> <script
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 自定义动画</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; widt
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 扩展插件</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>淡入淡出</title> </head> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title> 事件委托</title> </head> <body> <ul> <li>1111</li> <li>2222</li> <li>3333</li> <li>4444</li>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" c
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 事件绑定与解绑</title> </head> <style type="text/css"> * { margin: 0px; } .out { position: absol
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文档_增删改</title> </head> <style type="text/css"> * { margin: 0px; } .div1 { position: absolu
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>回到顶部</title> <style> #to_top { width: 30px; height: 40px; font: 14px/20px arial; text-alig
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>筛选_查找孩子-父母-兄弟标签</title> </head> <body> <div id="div1" class="box" title="one">class为box的di
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>筛选_过滤</title> </head> <body> <ul> <li>AAAAA</li> <li title="hello" class="box2">BBBBB</li>
<style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 200px; top: 20px; left: 10px; background: blue; } .div2 {
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>13_元素滚动</title> </head> <body style="height: 2000px;"> <div class="test" style="border:1px
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多Tab点击切换</title> <script src="jquery-1.10.1.js"></script> <style> * { margin: 0; p
<div id="div1" class="box" title="one">class为box的div1</div> <div id="div2" class="box" title="two">class为box的div2</div> <div id="div3">div3</div> <spa
<p style="color: blue;">Eric的后裔</p> <p style="color: green;">太阳的后裔</p> /* 1. 得到第一个p标签的颜色 2. 设置所有p标签的文本颜色为pink 3. 设置第2个p的字体颜色(#ff0011),背景(blue),宽(300px
<!-- 1. $.each(): 遍历数组或对象中的数据 2. $.trim(): 去除字符串两边的空格 3. $.type(obj): 得到数据的类型 4. $.isArray(obj): 判断是否是数组 5. $.isFunction(obj): 判断是否是函数 6. $.parseJSON(
基本选择器 <div id="div1" class="box">div1(class="box")</div> <div id="div2" class="box">div2(class="box")</div> <div id="div3">div3</div> <span class="box
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>焦点轮播图</title> <style type="text/css"> /*去除内边距,没有链接下划线*/ * { margin: 0; padding: 0; text-de
<script type="text/javascript"> //加载完成的回调函数 window.onload = function () { var btn1 = document.getElementById('btn1'); btn1.onclick = function () { ale
$(function () { $('#btn').click(function(){ // alert(this.innerHTML) alert($(this).html()) // 创建input $('<input type="text" name="msg2"/>').appendTo('
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
