2014年About jquery 简介.pptVIP

ulli:first中ulli表示所有位于ul下的li元素（为CSS表达式，XPath方式可用ul/li） :first表示其中的第一个。 addClass()为jQuery对象用来添加CSS样式类的函数，相反的函数为removeClass()。 * $(ul).append($(linew item/li)); 其中$(linew item/li)将其中的字符串转换为DOM对象，然后通过append()函数加入ul对象的最后。 * $(document).ready(function(){$(ul).css(color,red);}); * 总结 jQuery构造函数中可以直接传入DOM对象，如document，或jQuery对象 ready()函数为document添加事件处理函数，将ul的颜色设为红色。 $(document).ready()由于应用场景众多，所以可以直接用$(fn)来代替，fn表示处理函数。 ready处理函数在文档内容载入完成后执行，无需等待相关其它图片等资源载入完成，所以比load事件要更早执行， * $(function(){alert(welcome to jQuery);}); 以上代码的效果是页面一载入，就弹出一个对话框 * demo2 $(“input[type=‘button’]”)用于找到type属性为button的input元素 click()函数为button添加click事件处理函数。 在button_click时，$(input[type=text])找出所有输入框，each()函数遍历找出来的数组中的对象的值，相加后设到label中。 $(input:lt(2))???? .add(label)两行代码意为：所有input中的前面两个（lt表示序号小于）再加上label对象合并成一个jQuery对象。 * jQuery事件 jQuery对事件的支持主要包括：bind()--为事件绑定处理程序，如： $(p).bind(mouseenter mouseleave, function(e){$(this).toggleClass(over);}); $(document).ready(function() { $(p).bind(click, function(e){$(this).css(color,red);}); }); * unbind()--注销绑定在事件上的处理程序，如： $(div).unbind(click); 如不给参数，则清除所有事件处理程序。 $(div).unbind(); * one()－－为事件绑定只能被触发一次的处理程序。 $(div).one(click, function(){ }); $(p).one(click,?function(){ alert(test); });  * demo3 * Load()方法——Ajax Load能非常便捷跟ajax交互，它向远程url发送一个异步请求，甚至无须指定回调函数。 Load\index.html * Jquery.ajax()——ajax Jquery.ajax()既可以发送get请求，也可以发送post请求，还可以发送同步请求 通过此方法，开发者可以获得ajax交互的全部控制权。 Get/get.html * WebEx Confidential zhu.kerry@ LOGO Kerry Zhu zhu.kerry@ zhu.kerry@ zhu.kerry@ zhu.kerry@ zhu.kerry@ zhu.kerry@ zhu.kerry@ zhu.kerry@ zhu.kerry@ zhu.kerry@ WebEx Confidential About jquery * jquery jQuery是一个优秀的Javascrīpt框架。 快速的，简洁的,轻量级的js库 文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 * jquery 优势 纯粹的js代码库，可在任何其它web应用中使用 兼顾主流浏览器标准:操作对象不是原始dom，而是jquery对象，开发者无须关注不同浏览器处理dom的差异。 简化数组、字符串操作 对ajax提供良好的支持 * jQuery设计思想 $() jQuery eg: jqueryQs.html * Hello world 要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件 用一个ready事件作为处理HTML文档的开始 $(document).ready(function() { // do stuff when DOM is ready