jQuery选择器我犯的错误(原创)】的更多相关文章

jQuery的选择器十分强大,但是在使用jQuery选择器的时候一定要十分小心,空格.冒号.引号到处都是坑,老手也不能避免,只能勤加练习,熟能生巧,掌握规律,为了练习,凡是到选择器的地方我都自己先敲,刚开始的时候犯过无数的错误,有的错误简直幼稚甚至愚蠢,但是我坚持不看书上的答案,尽最大能力调试成功,下面我把我犯过的错误列出来,大家有则改之无则加勉. 1.选择class不为one的所有div元素   2.选择class为one的div的第一个子元素 $(div.one :first-child)…
1 获取类或者对象的时候,忘记写“#”或者“.” 错误案例: $(document).ready(function(){ $("btn1").click(function(){ alert($("#test").text()); });}); 错误分析:由于写的不是很熟练,结果很简单的地方却出现一种检查好久才发现的错误.…
jquery选择器,选择接着学: 前面学习了基本选择器中的CSS选择器,现在学层级选择器: 1.子元素选择器 子元素选择器,用于在给定的父元素下,查找这个父元素下面的所有的子元素,语法格式,如下: $("parent>child") 其中,参数parent是任意有效的选择器:child也是一个选择器,并且它是第一个选择器的子元素,用于筛选子元素.两个参数之间,用“>”分隔: <!DOCTYPE html> <html xmlns="http://…
jquery选择器大方向可以分为这样: 下面我们先来看看基本选择器总的CSS选择器: 1.标签选择器: $("element") 其中,参数element,表示待查找的HTML标记名,如$("div"),标签选择器获取元素的方式是高效的,因为它继承自javascript中的getEmelentsByTagName,它获取的是整个元素的集合. 2.ID选择器 $("id") 其中,参数id表示待查找的元素的id属性值,应该在其前面加上数字符“#”,…
jquery选择器包括四部分:一.基本选择器二.层次选择器三.过滤选择器四.表单元素选择器 一.基本选择器1.ID选择器:$('#myDiv');2.类选择器:$('.className');3.元素选择器:$('p');4.通配符选择器:$('*');5.复合选择器:$('span,#two'); 二.层次选择器1.$('ul li'):选择ul下的所有后代li元素2.$('ul>li'):选择ul下的所有子代li元素3.$("label + input"):选择label标签…
1 使用JQuery的ready处理器 如果你的代码操作DOM,则需要DOM加载完成后再运行代码.推荐使用如下的第一种写法,第二种写法在JQuery3.x中已经不推荐使用了. $(function () { /* 你的代码 */ }); //或者 $(document).ready(function () { /* 你的代码 */ }); 2 用noConflict()避免冲突并定义别名 如果你的jQuery代码与其它使用$符号作为别名的类库冲突,则使用noConflict()方法定义别名. $…
选择器是JQuery的根基,在JQuery中,对事件的处理,遍历DOM和AJAX操作都依赖于选择器.如果能够熟练地使用选择器,不仅能简化代码,而且还可以事半功倍. JQuery选择器的优势 1.简洁的写法 例如:  $("#id")用来代替 document.getElementById() 函数,就是通过id获取元素 2.支持css1 到css3 选择器 通常在使用css选择器的时候,开发人员需要考虑主流的浏览器是否支持某些选择器,而在JQuery 中,开发人员可以放心的使用JQue…
选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.熟练使用选择器,不仅可以简化代码,而且可以达到事半功倍的效果. 2.1 jQuery选择器是什么 1. CSS选择器 CSS是一项出色的技术,它使得网页的结构和表现样式完全分离.利用CSS样式可以轻松地对某个元素添加样式而不改动HTML结构,只需要添加不同的CSS规则,就可以得到各种不同样式的网页. 要使某个样式应用于特定的HTML元素,首先就是需要先找到该元素.在CSS中,执行这一任务的表现规则成…
在分析之前说一点题外话. ownerDocument和 documentElement的区别 ownerDocument是Node对象的一个属性,返回的是某个元素的根节点文档对象:即document对象:documentElement是Document对象的属性,返回的是文档根节点 对于HTML文档来说,documentElement是<html>标签对应的Element对象,ownerDocument是document对象. 接下开始正题. 3.几个jQuery选择器源码中遇到的几个函数 a…
认识JQuery: 1.window.onload与$(document).ready()的区别 window.onload $(document).ready() 执行时机 必须等待网页中的所有内容加载完毕后才能执行 网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有完全加载完 编写个数 不能同时编写多个方法 可以同时编写多个 简化写法 $(document).ready(function(){ //… }) 2.jQuery对象以及DOM对象 jQuery: $(”#foo…