2.Dom操作 A.DOM分类 个人认为在jQuery中这些分类被弱化了,有兴趣的读者可以自行补充这方面的知识: aa.DOM Core bb.HTML -DOM cc. CSS-DOM B.jQuery操作DOM aa.操作节点 1.查找节点 1.1.查找元素节点: $(“input”).val();//获取input元素的数值 $(“form input:eq(1)”).val();//获取form元素的第2个input子元素的数值 1.2.查找属性节点: $(“input”).attr(“…

jQuery是什么 John Resig在2006年1月发布的一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作为什么要使用jQuery (1)write less do more (2)免费,开源且轻量级的js库,容量很小(项目中,提倡引用min版的js库) (3)兼容市面上主流浏览器,例如 IE,Firefox,Chrome (4)能够处理HTML/JSP/XML.CSS.DOM.事件.实现动画效果,也能提供异步AJAX功能(jQuery不是将所有JS全部封装,…

3.事件和动画 A. 事件 Aa. DOM加载 1.为什么使用jQuery加载DOM方法? 以javascript的window.onload()方法加载DOM的先决条件是:必须等待被请求页面的资源全部加载完成,才会为DOM元素添加事件行为;而jquery只要DOM元素加载完成,就立刻绑定事件 2.表现形式: $(function() { //你的实现逻辑 }); Ab. 事件绑定 事件绑定方法bind(eventType [, data],  function() {...}) 表现形式: $…

Jquery的遍历 jQuery对象本身就是数组对象,通过jquery选择器获得的都是满足该选择器条件的元素对象的集合体,因此在常常需要对jquery对象进行遍历.这里有三种遍历Jquery的方法. 传统循环遍历 var $options = $(“option”); for(var i=0;i<$options.length;i++){ alert(option.value); } jQuery对象的方法 此方式是jQuery特有的遍历方式,使用jQuery集合对象调用each方法即可遍历.语…

5.Ajax应用 在jQuery中$ajax()方法属于最底层的方法,第二层是load().$.get().$.post(),第三层是$.getScript()和 $.getJSON():下面根据使用频率来介绍 1.load()方法 load()方法能载入远程HTML代码并插入DOM中(实际项目中,该方法使用频率高???!!!) load(url [, data] [,callback]) 表现形式: A. 载入HTML文档 $(“tag”).load(“load.html”);//把load.…

4.表单应用 表单是HTML的重要组成部分,在采集.提交用户输入的信息和显示列表数据等需求中有重要作用 表单应用 一个简单的表单HTML示例: <form action=”url” method=”POST” > <input type=”text” /><p/>” <input type=”submit” /> </form> Aa. 单行文本框应用 示例: 1.需求:当单行文本框获取和失去焦点改变样式 2.示例代码 $(function()…

相关: 本文参考<锋利的jQuery第二版> 写在前面: jQuery作为javascript框架,是做网页交互工作者,一个值得学习的优秀的前端框架... 百度指数分析:(http://index.baidu.com/?tpl=demand&word=javascript) 如有纰漏,请各位看客赐教 内容目录:(本文采用连载模式组织) 1.jquery选择器 2.Dom操作 3.事件和动画 4.表单.表格应用 5.Ajax应用 1.jquery选择器(便捷.快速选定DOM,并对被选中的…

---恢复内容开始--- 操作标签 样式操作 样式类 addClass();//添加指定的CSS类名. removeClass();//移除指定的类名. hasClass();//判断样式不存在 toggleClass();//切换css类名,如果有就移除,如果没有就添加 示例:开关灯和模态框 CSS css("color","red") //DOM操作:tag.style.color="red" 示例: $("P").css…

前端 html:展示 form: 属性: action和method 子标签: input(10种) text password radio checkbox file submit button reset hidden image select 子标签 option textarea table: tr td th css:渲染 导入方式: 内敛样式表 标签 style属性 内部样式表 head标签的子标签 style 外部样式表 head标签的子标签 link css 语法: 选择器{ 属…

例:GridView…