-
jQuery选择器之元素选择器
语法：
$('element')
dom语法：
document.getElementByTagName('div')
查看全部 -
jQuery选择器之类选择器
语法：
$('.class')
dom语法：
document.getElementByClassname('class')
查看全部 -
jQuery选择器之id选择器
语法：
$( "#id" )
dom语法：
document.getElementById('id')
查看全部 -
jquery的 id 选择器：
语法：$("id")
查看全部 -
将dom对象转换成jQuery对象：
先用dom读取元素的方法读取到元素保存为dom值，
把dom值用$(dom)的方法转换成jquery对象
补充：
.eq(index):将集合中的索引为index的元素提取出来.
first():返回集合中的第一个元素.
.last():返回集合中的最后一个元素.
.slice(start[,end]):返回集合中的给定区间段的元素.查看全部 -
jquery对象转化成dom对象：
jquery对象是类数组对象，dom对象是单独的dom元素，
例如：
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
一：利用数组下标的方式读取到jQuery中的DOM对象
var $div = $('div') // 读取为jQuery对象
var div = $div[0] // 将jQuery对象转化为dom对象
div.style.color="red" // 对dom对象操作
二、通过jQuery自带的get()方法
var $div = $('diiv')
var div = $div.get(0) //通过get方法找到元素，转化为dom对象
div.style.color="red" // 对dom对象操作
查看全部 -
环境搭建：
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
查看全部 -
jquery对象与DOM对象：
dom对象需要先获取，然后调用相关方法实现操作，jQuery封装了许多方法 方便调用。
查看全部 -
jquery的hello world体验：
$(document).ready (...)的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。
查看全部 -
jQuery环境搭建：
jQuery是一个JavaScript脚本库，不需要特别的安装，只需要我们在页面 <head> 标签内中，通过 script 标签引入 jQuery 库
查看全部 -
$(".imooc").css()方法内部肯定是带了一个隐式的循环处理查看全部
-
页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。查看全部
-
选择器的类型查看全部 -
获取Attribute就需要用attr，获取Property就需要用prop
查看全部 -
选择器中的层级选择器就是用来处理这种关系
子元素 后代元素 兄弟元素 相邻元素
层级选择器都有一个参考节点
后代选择器包含子选择器的选择的内容
一般兄弟选择器包含相邻兄弟选择的内容
相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下
//子选择器
//$('div > p') 选择所有div元素里面的子元素P
$('div>p').css("border", "1px groove red");
//后代选择器
//$('div p') 选择所有div元素里面的p元素
$('div p').css("border", "1px groove red");
//相邻兄弟选择器
//选取prev后面的第一个的div兄弟节点
$('.prev + div').css("border", "3px groove blue");
//一般相邻选择器
//选取prev后面的所有的div兄弟节点
$('.prev ~ div').css("border", "3px groove blue");
查看全部
举报