摘要: 因为JavaScript在浏览器中以单线程模式运行,页面加载后,一旦页面上所有的JavaScript代码被执行完后,就只能依赖触发事件来执行JavaScript代码。 浏览器在接收到用户的鼠标或键盘输入后,会自动在对应的DOM节点上触发相应的事件。如果该节点已经绑定了对应的JavaScript处理函 阅读全文
posted @ 2017-08-22 12:02 ocean_boy 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 直接使用浏览器提供的API对DOM结构进行修改,不但代码复杂,而且要针对浏览器写不同的代码。 有了jQuery,我们就专注于操作jQuery对象本身,底层的DOM操作由jQuery完成就可以了,这样一来,修改DOM也大大简化了。 添加DOM 要添加新的DOM节点,除了通过jQuery的html()这 阅读全文
posted @ 2017-08-22 11:17 ocean_boy 阅读(375) 评论(0) 推荐(0) 编辑
摘要: jQuery的选择器很强大,用起来又简单又灵活,但是搞了这么久,我拿到了jQuery对象,到底要干什么? 答案当然是操作对应的DOM节点啦! 回顾一下修改DOM的CSS、文本、设置HTML有多么麻烦,而且有的浏览器只有innerHTML,有的浏览器支持innerText,有了jQuery对象,不需要 阅读全文
posted @ 2017-08-22 10:10 ocean_boy 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 通常情况下选择器可以直接定位到我们想要的元素,但是,当我们拿到一个jQuery对象后,还可以以这个对象为基准,进行查找和过滤。 最常见的查找是在某个节点的所有子节点中查找,使用find()方法,它本身又接收一个任意的选择器。例如如下的HTML结构: 用find()查找: 截图: 如果要从当前节点开始 阅读全文
posted @ 2017-08-22 09:55 ocean_boy 阅读(1930) 评论(0) 推荐(0) 编辑
摘要: 层级选择器(Descendant Selector) 如果两个DOM元素具有层级关系,就可以用$('ancestor descendant')来选择,层级之间用空格隔开。例如: 要选出JavaScript,可以用层级选择器: 因为<div>和<ul>都是<li>的祖先节点,所以上面两种方式都可以选出 阅读全文
posted @ 2017-08-22 09:25 ocean_boy 阅读(516) 评论(0) 推荐(0) 编辑