jQuery
大厂女程序媛
let the world know u
展开
-
jQuery的层次选择器
Untitled Document div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size: 17px原创 2015-08-14 10:09:24 · 514 阅读 · 0 评论 -
jQuery的学习笔记
简介---语法---获取元素--事件---DOM操作(获增删)1,什么是jQuery 是JavaScript的函数库。(优点:方便,解决了浏览器的兼容问题)2,功能:HTML元素的选取HTM元素的操作CSS操作HTML事件函数JavaScript特效和动画HTML DOM 遍历和修改AJAX (不刷新页面的同时来修改页面的内容)Uti原创 2016-03-20 10:30:21 · 208 阅读 · 0 评论 -
jQuery--品牌展示
* { margin: 0; padding: 0;}body { font-size: 12px; text-align: center;}a { color: #04D; text-decoration: none;}a:hover { color: #F50; text-dec原创 2015-08-19 09:42:09 · 366 阅读 · 0 评论 -
jQuery--样式的操作
*{ margin:0; padding:0;} body {font-size:12px;text-align:center;} a { color:#04D; text-decoration:none;} a:hover { color:#F50; text-decoration:underline;} .SubCategoryBox {width:600px; mar原创 2015-08-17 14:15:54 · 221 阅读 · 0 评论 -
jQuery--包裹节点
Untitled Document //测试包装wrap ,wrapAll(),wrapInner $(function(){ //wrap li本身 //$("#原创 2015-08-17 10:11:01 · 287 阅读 · 0 评论 -
jQuery文档处理,外部插入
Untitled Document <!-- 文档处理,外部插入,也就是在指定的位置插入 --insertAfter --insertBefore --After 指定位置之后 --Before 指定位置之前 --> //文档处理,外部插入 $(function(){ $("#dj").before($("天津原创 2015-08-14 14:12:16 · 364 阅读 · 0 评论 -
jQuery的文档处理 --内部处理
Untitled Document <!-- 文档处理,内部插入: --append --appendTo --prepend --prependTo --> //测试使用 jQuery 创建节点并插入节点到指定的节点中 /* 1. 创建节点: 使用 $(html) 方式即可, 元素节点, 文本节点,原创 2015-08-14 14:00:41 · 370 阅读 · 0 评论 -
jQuery--员工管理
Insert title here $(function(){ //删除a节点所在的tr节点,使用remove()方法 function removeTr(aNode){ var $aTr=$(aNode).parent().parent();//返回的是jQuery对象 var textContent=$aTr.find("td:first").text();原创 2015-08-14 17:39:01 · 1177 阅读 · 0 评论 -
jQuery---分类添加内容
Insert title here //需求: 点击 submit 按钮时, 检查是否选择 type, 若没有选择给出提示: "请选择类型"; // 检查文本框中是否有输入(可以去除前后空格), 若没有输入,则给出提示: "请输入内容"; //若检查都通过, 则在相应的 ul 节点中添加对应的 li 节点 //需求2: 使包括新增的 li 都能响应 o原创 2015-08-14 16:10:00 · 776 阅读 · 0 评论 -
jQuery文档处理--删除
Untitled Document <!-- 刪除节点: --remove():删除调用这个方法的节点 --empty():删除对应的子节点 --> $(function(){ $("#city li").click(function(){ $(this).remove(); });原创 2015-08-14 16:05:15 · 273 阅读 · 0 评论 -
Jquery的基本理念
1, jQuery是JavaScript库2,使用的准备工作是:引入JavaScript库3,jQuery对象和DOM对象是不能够互相使用的,转换的方式为: -------jQuery到DOM :通过数组下标或者Get的方法 ------DOM到jQuery对象: 用$()进行包装4,jQuery中常用的方法: ---val :设置值和获取值原创 2015-08-14 09:30:30 · 624 阅读 · 0 评论 -
jQuery 表单元素和表单对象属性的过滤选择器
Untitled Document $(function(){ $("#btn1").click(function(){ $(":text:enabled").val("宇信易诚"); }); $("#btn2").click(function(){ $(":text:disabled").v原创 2015-08-14 10:31:34 · 606 阅读 · 0 评论 -
jQuery 的子元素过滤选择器
Untitled Document div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size:原创 2015-08-14 10:28:56 · 458 阅读 · 0 评论 -
jQuery 的属性选择器
Untitled Document div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size: 1原创 2015-08-14 10:25:12 · 257 阅读 · 0 评论 -
jQuery的可见性过滤选择器
Untitled Document div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size:原创 2015-08-14 10:23:19 · 567 阅读 · 1 评论 -
jQuery 的内容过滤选择器
Untitled Document div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size: 1原创 2015-08-14 10:20:54 · 349 阅读 · 0 评论 -
jQuery 的基本过滤选择器
Untitled Document div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size: 1原创 2015-08-14 10:15:57 · 326 阅读 · 0 评论 -
各种菜单
1,显示和隐藏二级菜单:ie6+html代码: lang="en"> charset="UTF-8"> 有二级列表的下拉菜单 rel="stylesheet" type="text/css" href="css/demo1.css"> type="text/javascript" src="script/jquery-1.12.1.min.js"> type=原创 2016-03-23 10:59:41 · 334 阅读 · 0 评论