JQuery选择器 JQuery 选择器继承了CSS 与Path 语言的部分语法,允许通过标签名.属性名或内容对DOM 元素进行快速.准确的选择,而不必担心浏览器的兼容性,通过jQuery 选择器对页面元素的精准定位,才能完成元素属性和行为的处理. 一.选择器的优势 代码更简单 $(function(){ $("#tbStu tr:nth-child(even)").addClass("trOdd"); }) 上面代码如果使用原生JavaScript实现的话:1.获…

jQuery快速入门   jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架.jQuery核心js文件才几十kb,不会影响页面加载速度. 丰富的DOM选择器,jQuery的选择器用起来很方…

内容目录 jQuery 入门 什么是jQuery 如何使用jQuery jQuery的运行原理 如何选择jQuery版本 ready() 准备就绪时执行代码 jQuery 核心:选取元素 使用jQuery 选择器选取元素,并封装为jQuery对象 将现有的DOM元素封装为jQuery对象 将HTML字符串封装为jQuery对象 元素筛选 jQuery 核心:DOM操作的原则 切记混淆jQuery对象和Element对象的方法 Get and Set in One 原则 Get first Set…

jQuery入门专题 本人博客特点:最高重要等级为*****(五红星),依次减少代表重要性相对较低! 一.jQuery简介 jQuery 是一个 JavaScript的一个库,也就是说jQuery是基于JavaScript框架开发出来的.其目的是为了最大化的简化了JavaScript书写方式. jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种更为简便的JavaScript设计模式,优化HTML文…

JQuery是什么? JQuery 是一套JavaScript库, 使用它,可以很方便的进行 JavaScript的编程.比如: 获取页面元素, 修改页面元素的CSS样式等等都可以以很简单的语法完成. 节省代码行数和减少开发的时间.物理上来看就是一份.js的文件. 如何获取和使用? JQuery  的官方网址是: http://jquery.com/  . 从这里可以获取JQuery的最新版本.(目前最新版是 V1.9.1). 使用的话,就是导入这份js文件.导入方式是在页面的head部分通过<…

Write less, do more, I like jQuery. jQuery是最常用的js库,整体来说非常轻量并易于扩展,对于移动应用可以使用其更轻量的孪生兄弟Zepto代替.其是由John Resig于2006创建的开源项目,极大的简化了javascript开发人员遍历HTML文档.操作DOM.处理事件.开发Ajax等操作,最有特色的形式是$(document).ready(function() {});其省略形式为:$(function() {});. 在使用jQuery时,需要注意…

捕获内容和属性 1.DOM 操作 获得内容 - text().html() 以及 val() text() - 设置或返回所选元素的文本内容,如果不带值则是返回值,如果带值则是修改值,如:$('p').text('我要修改原来的文本'); html() - 设置或返回所选元素的内容(包括 HTML 标记),如果不带值则是返回值,如果带值则是修改值,如:$('p').html("<b>Hello world!</b>"); val() - 设置或返回表单字段的值,…

jQuery 效果 1.隐藏,显示 1.1显示 hide() 和隐藏 show() 语法:$(selector).hide(speed,callback); $(selector).show(speed,callback); 例:<p>内容</p> <button id="hide">隐藏</button> <button id="show">显示</button> $(document).re…

一.jquery加载文档 jquery加载文档(也叫入口函数) $(document).ready(function(){ // 这里写 jQuery 代码... }); 简写方式: $(function(){ // 这里写 jQuery 代码... }); javascript加载文档(也叫入口函数) window.onload = function() { //执行代码 } 在这里说一下jquery的加载和javascript的加载的区别: jQuery 的入口函数是在 html 所有标签(…

事件 常用事件 click(function(){.......}) #触发或将函数绑定到指定元素的click事件 hover(function(){.....}) 当鼠标指针悬停在上面时触发....事件 blur(function(){........}) 当元素失去焦点时触发blur事件. focus(function(){......}) 当输入框获得焦点时 触发focus事件 change(function(){...}) 当元素的值发生改变时 触发change事件 keydown(fu…