-
$("div > p")//子级选择器 选择直接子元素 $("div p")//后代选择器 选择所有后代 包含子级选择器的结果 $("div + p")//相邻兄弟选择器 选择下一个兄弟元素 $("div ~ p")//一般兄弟选择器 选择之后的所有兄弟元素 包含相邻兄弟选择器的结果
查看全部 -
find() 方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。
查看全部 -
data方式,这个方法是jquery内部预用的,可以用来做性能优化,比如sizzle选择中可以用来缓存部分结果集等等。当然这个也是非常重要的一个API了,常常用于我们存放临时的一些数据,因为它是直接跟DOM元素对象绑定在一起的
查看全部 -
通过.css方法设置的样式属性优先级要高于.addClass方法
查看全部 -
通过$('#imooc')方法会得到一个$p的jQuery对象,$p是一个类数组对象。这个对象里面包含了DOM对象的信息,然后封装了很多操作方法,调用自己的方法html与css,得到的效果与标准的JavaScript处理结果是一致的。
查看全部 -
$("#menu_con div.tag dd >p:first-child")
查看全部 -
$(“#选择ID”)
查看全部 -
js处理
var p =document.getElementById('imooc');
p.innerHTML='您好!通过慕课网学习JQuery才是最佳的途径';
JQuery处理
var $p = $('#imooc');
$p.html('您好!通过慕课网学习JQuery才是最佳的途径').css('color'.'red');
$('#imooc')方法会得到一个$p的JQuery对象,$p是一个类数组对象。这个对象包含了DOM对象的信息。
查看全部 -
$(document).ready的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的被加载完毕后才能正确的使用。
查看全部 -
$('#')
查看全部 -
addClass('addBorder')
查看全部 -
$('.last-div a:nth-last-child(2)')
查看全部 -
var $div = $(div);//从dom转换为jquery
查看全部 -
#用于id元素 ,用于class元素
:nth-child(index)从1开始的。
>:紧挨着的子元素
空格:所有子元素,包括孩子,孙子,曾孙...
查看全部 -
jQuery选择器之id选择器
页面的任何操作都需要节点的支撑,开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专注业务逻辑的编写。
jQuery几乎支持主流的css1~css3选择器的写法,我们从最简单的也是最常用的开始学起
id选择器:一个用来查找的ID,即元素的id属性
$( "#id" )
id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的,所以在操作DOM的获取上,如果能采用id的话尽然考虑用这个选择器
值得注意:
id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的
查看全部
举报