三、jQuery属性操作
jQuery内容选择器 为了方便测试,先将DOM元素写为以下格式: 12345<div></div><div>我是div</div><div>我是div123</div><div><span></span></div><div><p></p></div> :empty找到既没有文本内容也没有子元素的指定元素。 这个选择器对于以上内容只能找到第一个div。 12var $div = $('div:empty')console.log($div) :parent 找到有文本内容或有子元素的指定元素 可以找到除第一个意外的四个元素 12var $div = $('div:parent')console.log($div) :contains(text)找到包含指定文本内容的指定元素 视内容找到包含内容的div 12var $div = $('div:conta ...
二、jQuery核心函数和工具方法
jQuery核心函数 jQuery的核心函数就是$();,圆括号内可以传递函数、字符串选择器、字符串代码片段、DOM元素等。 传递函数 123$(function () { alert(1)}) 字符串选择器 返回一个jQuery对象,对象中保存了找到的DOM元素 123456$(function () { var $box1 = $(".box1") var $box2 = $("#box2") console.log($box1) console.log($box2)}) 字符串代码片段 返回一个jQuery对象,对象中保存了创建的DOM元素 1234$(function () { var $p = $('<p>我是段落</p>') console.log($p)}) 接收一个DOM元素 DOM元素会被包装成一个jQuery对象返回。 123456$(function () & ...
一、初识jQuery
版本选择 1.x:兼容ie678,但相对其它版本文件较大,官方只做BUG维护,功能不再新增,最终版本:1.12.4 (2016年5月20日). 2.x:不兼容ie678,相对1.x文件较小,官方只做BUG维护,功能不再新增,最终版本:2.2.4 (2016年5月20日) 3.x:不兼容ie678,只支持最新的浏览器,很多老的jQuery插件不支持这个版本,相对1.x文件较小,提供不包含Ajax/动画API版本。 jQuery的使用 下载jQuery或者使用cdn 引入jQuery的文件 编写代码 1234567891011121314151617181920<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < ...