
jQuery
小李讲源码
不积跬步无以至千里,不积小流无以成江河
展开
-
JQuery概述和一个简单案例
JQuery是什么? 在javascript基础上开发出来的,对javascript进行了封装,功能更强大,操作更方便的一种javascript库。 JQuery=Javascript + Query = 通过Javascript从文档中查询元素,并对其进行操作。 2006年1月 John Resig 开源(open source) 轻量级的javascript库原创 2016-03-16 10:20:32 · 480 阅读 · 0 评论 -
Jquery attr与prop区别
prop定义和用法prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时,则返回第一个匹配元素的值。当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaul原创 2016-04-26 08:55:14 · 409 阅读 · 0 评论 -
JQuery对HTML进行操作
所学内容请参考W3School JQuery HTML1.获取和设置1.text()设置或返回所选元素的文本内容获取在html()中举例子 设置在val()举例子2.html()设置或返回所选元素的内容(包括 HTML 标记)下面例子是text()和html()获取 设置的在val()里举例子$(document).ready(fun原创 2016-03-19 13:03:35 · 944 阅读 · 0 评论 -
JQuery实现DIV其他动画效果
1.toggle 切换对象的隐藏和显示,可以用来代替show和hide无标题文档#div1{ width:200px; height:200px; background-color:red; border:1px black solid; clear:both;}#btn,#info{ float:left;}#info{ margin-bottom原创 2016-03-18 11:43:35 · 574 阅读 · 0 评论 -
JQuery实现DIV的显示与隐藏
1.动画animate $(function(){ $("#div1").animate({height:"500px",width:"500px"},4000); // JQuery链式操作 //$("#div1").animate({height:"500px"},2000).animate({width:"500px"},2000);});#div1{原创 2016-03-17 09:49:07 · 1099 阅读 · 0 评论 -
JQuery常用DIV操作获取和设置长度宽度
获取或设置div的高度和宽度 方法一:height和width函数(得到的是证书),可以用于获取或设置元素的高度和宽度。 val()获取或设置元素的值 方法二:css函数可以用于获取或设置元素的高度和宽度 获取css("width")(得到的是以px结尾的字符串),设置css("width",20px)或css({width:20px,height:20原创 2016-03-17 09:02:26 · 10634 阅读 · 0 评论 -
JQuery控制DIV的选取
我们设置4个div 当鼠标移动到某一个div上面的时候 背景颜色就会发生变化那我们应该知道要用到mouseover() 和 mouseout() 前一个是移动到某个位置 后面是移开某个位置还有一个hover(,) 可以替代上面两个方法1.用mouseover()和mouseout()$(function(){ $("div[id^='div']").mouseover原创 2016-03-17 08:19:35 · 648 阅读 · 0 评论 -
JQuery遍历元素的后代和同胞
1.遍历后代children()children() 方法返回被选元素的所有直接子元素。无标题文档$(function(){ $("#btn").click(function(){ $("#div1").children().each(function(i, e) { $("#info").html($("#info").h原创 2016-03-20 23:07:28 · 502 阅读 · 0 评论 -
JQuery遍历元素的父辈和祖先
JQuery遍历首先我们要知道 什么是 父亲,儿子,后代,同胞,祖先 元素是 的父元素,同时是其中所有内容的祖先。 元素是 元素的父元素,同时是 的子元素 左边的 元素是 的父元素, 的子元素,同时是 的后代。 元素是 的子元素,同时是 和 的后代。 两个 元素是同胞(拥有相同的父元素)。 右边的 元素是 的父元素, 的子元素,同时是 的后代原创 2016-03-20 22:23:49 · 2290 阅读 · 0 评论 -
jquery 大于号(>)的作用
jQuery选择器中的大于号>作用是什么:jQuery灵活多样的选择器是jQuery的优点之一。下面就介绍一下其中的一个选择器,用大于号表示。代码示例如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><title>蚂蚁部落</title>&am转载 2018-06-06 10:29:06 · 2703 阅读 · 0 评论