|
|||
随笔分类 - jqueryjquery
摘要：转filter和find区别find()会在当前指定元素中查找符合条件的子元素，是对它的子集操作，而filter()则是在当前指定的元素集合中查找符合条件的元素，是对自身集合元素进行筛选。HTML代码：12345678 Hello,World! Hello,World Again! Test1 Test2jQuery代码：12345678遍历节点1，.children()获取所有子元素2，next() 匹配元素后面紧邻的同辈元素3，prev()匹配元素前面紧邻的同辈元素4，siblings()取得匹配元素前后所有的同辈元素请思考这个带有基本的嵌套列表的页面： list item 1 l...
阅读全文
posted @ 2013-06-24 20:26
摘要：基本动画 show() 显示隐藏的匹配元素。 这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的，这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;，这个方法都将有效。 返回值：jQuery } 示例 显示所有段落 HTML 代码: <p style="display: none">Hello</p> jQuery 代码: $("p").show() show(speed,[callback]) 以优
阅读全文
posted @ 2011-11-06 14:11
摘要：方法描述bind()向匹配元素附加一个或更多事件处理器blur()触发、或将函数绑定到指定元素的 blur 事件change()触发、或将函数绑定到指定元素的 change 事件click()触发、或将函数绑定到指定元素的 click 事件dblclick()触发、或将函数绑定到指定元素的 double click 事件delegate()向匹配元素的当前或未来的子元素附加一个或多个事件处理器die()移除所有通过 live() 函数添加的事件处理程序。error()触发、或将函数绑定到指定元素的 error 事件event.isDefaultPrevented()返回 event 对象上是否
阅读全文
posted @ 2011-11-05 12:50
摘要：.html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。这三个方法功能上的对比.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法
阅读全文
posted @ 2011-11-03 19:46
摘要：样式操作 <p class=”myclass”title=”选择喜欢的水果”>你最喜欢的水果是？<p> 在上面代码中，class也是p元素的属性，因此获取class和设置class都可以用attr()方法来完成 代码如下： Var p_class=$(“p”).attr(“class”); //获取p元素的class 也可以用attr()方法来设置class $(“p”).attr(“class”,”high”); //将p元素的class设置为high 在大多数情况下，它是将原来的class替换成新的class，而不是在原来基础上追加新的class 新的代码为 <
阅读全文
posted @ 2011-11-03 19:36
摘要：http://www.w3school.com.cn/jquery/jquery_ref_manipulation.aspaddClass()向匹配的元素添加指定的类名。after()在匹配的元素之后插入内容。append()向匹配的元素内部追加内容。appendTo()向匹配的元素内部追加内容。attr()设置或返回匹配元素的属性和值。before()在每个匹配的元素之前插入内容。clone()创建匹配元素集合的副本。detach()从 DOM 中移除匹配元素集合。empty()删除匹配的元素集合中所有的子节点。hasClass()检查匹配的元素是否拥有指定的类。html()设置或返回匹配的
阅读全文
posted @ 2011-11-03 14:31
摘要：http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp例子1，给<P>元素添加onclick事件 Var items=document.getElementsByTagName(“p”);//获取网页所有p元素 For（var i=0；i<items.length;i++）｛ Items[i].onclick=function(){ //onclick事件 } ｝ 例子1 $(“p”).click(function(){ //onclick事件 }) 例子2，使一个特定的表格隔行变色 Var item...
阅读全文
posted @ 2011-11-01 19:09
摘要：Window.onload=function(){ //页面加载,不能同时编写多个，最后面的会覆盖前面的 } $(document).ready(function(){ //页面加载,能同时编写多个 }); 相当于 $(function(){ //页面加载,能同时编写多个9 }); $(“#foo”).html() 相当于 Document.getElementById(“foo”).innerHTML; Jquery对象转换成dom对象 第一种方法： Var $cr=$(“#cr”);//jquery对象 Var cr=$cr[0];//dom对象 ...
阅读全文
posted @ 2011-10-31 19:48
摘要：来源: 译言网发布时间: 2011-03-20 14:24阅读: 507 次原文链接全屏阅读 [收藏]摘要：jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的，然而，如果我们对所有的不同之处都有清晰的理解的话，那么这将会有助于我们编写出更加简洁的代码，以及防止在交互应用中弹出错误。 基本要素 DOM树 首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子： 事件冒泡(又称事件传播) 当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。 $...
阅读全文
posted @ 2011-05-14 10:20
摘要：$("input").attr("disabled", "disabled"); 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是 jquery对象。 普通的dom对象一般可以通过$()转换成jqu
阅读全文
posted @ 2011-04-16 18:10
摘要：今天下午调试程序的时候，发现无法获取到label的值。在网上查了一下 有了答案 $("#D_data").each(function () { //D_data_T_count_ 数量 //D_data_L_sumprice_ 总价 //D_data_L_price_ 单价 //size指的是查询到元素的个数 //获取或设置嵌套在datalist中的值 使用innertext属性 for (var i = 0; i < $("#D_data").find("table").size(); i++) { var L_price =
阅读全文
posted @ 2011-04-12 14:24
摘要：例：将多个选中的checkbox的值组装成一个字符串<script type=text/javascript>function addMem(){//var followers = document.getElementsByName("followers");var f_str = '0';$("input[@name='followers']").each(function(){ if($(this).attr("checked")==true){ f_str += ",&qu
阅读全文
posted @ 2011-04-11 22:02
摘要：jQuery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数，方法。个人认为在开发中会比较常用的，仅供大家学习和参考。 事件处理 ready(fn) 代码：$(document).ready(function(){ // Your code here...})； 作用：它可以极大地提高web应用程序的响应速度。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。 bind(type,[data],fn) 代码：$("p").bind("click", fun
阅读全文
posted @ 2011-04-08 12:47
摘要：我发现我真是一个懒惰的人，三分钟热度。。工作半年了，感觉不学习就充满了罪恶感。。做it的，别人都玩命的学，我却大多数时间都在做跟学习无关的事情。。罪孽今天心血来潮 看看jqueryjQuery.each( object, callback,arg) each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。jQuery.each( object, callback,arg) each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。 jQuery和jQuery对象都实现了该方法，对于jQue..
阅读全文
posted @ 2011-04-07 17:03
摘要：名词解释：多播委托是jQuery自身的定义方式，即他不会覆盖原来在其document元素上绑定的事件，不用我们自己设定，事件冒泡是指在jQuery元素集同一事件上绑定了多个方法，当我们触发其中某一方法时，将执行一系列方法，称之为事件冒泡取消事件冒泡的方式是：event.stopPropagation();jquery冒泡事件 （锋利的jquery P109）首先列举一个简单的jQuery弹出层题目，在页面上定义一个弹出层和一个按钮，单击按钮在按钮的下方显示一个弹出层，单击任何空白区域或者弹出层，弹出层消失，该题目的解决方案为：<script type="text/javascr
阅读全文
posted @ 2011-03-10 13:30
|
|||
