jquery基础jquery和dom对象转换
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 对象
Alert (cr.checked);
第二种方法 , 通过 get 方法
Var $cr=$(“#cr”);//jquery 对象
Var cr=$cr.get(0);//dom 对象
Alert (cr.checked);
Dom 对象转换成 jquery 对象用 $( ) 把对象包装起来
var cr=document.getElementById(“cr”); // 获取 dom 对象
var $cr=$(cr); //jquery 对象
jquery 如果和 prototype 类库有冲突， jquery 的 $ 用 jquery 代替
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 冲突解决 1</title>
<!-- 引入 prototype -->
<script src="prototype-1.6.0.3.js" type="text/javascript"></script>
<!-- 引入 jQuery -->
<script src="jquery-1.3.1.js" type="text/javascript"></script>
</head>
<body>
<p id="pp">test---prototype</p>
<p >test---jQuery</p>
<script type="text/javascript">
jQuery.noConflict(); // 将变量 $ 的控制权让渡给 prototype.js
jQuery(function(){ // 使用 jQuery
jQuery("p").click(function(){
alert( jQuery(this).text() );});
});
$("pp").style.display = 'none'; // 使用 prototype
</script>
</body>
</html>
第二种方法
<body>
<p id=“pp”> 测试 prototype</p>
<p > 测试 jQuery</p>
<script type="text/javascript">
var $j = jQuery.noConflict(); // 自定义一个比较短快捷方式，定义 $j 代替 $
$j(function(){ // 使用 jQuery
$j("p").click(function(){
alert( $j(this).text() );
});
});
$("pp").style.display = 'none'; // 使用 prototype
</script>
</body>
如果 jQuery 在其他库之前导入
如果 jQuery 在其他库之前就导入了，那么不用使用 jQuery.noConflict 函数，可直接使用 jQuery 或他的快捷方式 $ 来工作了
jquery
jquery动画
摘要: 基本动画 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 许乐 阅读(275) | 评论 (1) 编辑 |
jquery事件
摘要: 方法描述bind()向匹配元素附加一个或更多事件处理器blur()触发、或将函数绑定到指定元素的 blur 事件change()触发、或将函数绑定到指定元素的 change 事件click()触发、或将函数绑定到指定元素的 click 事件dblclick()触发、或将函数绑定到指定元素的 double click 事件delegate()向匹配元素的当前或未来的子元素附加一个或多个事件处理器die()移除所有通过 live() 函数添加的事件处理程序。error()触发、或将函数绑定到指定元素的 error 事件event.isDefaultPrevented()返回 event 对象上是否 阅读全文
posted @ 2011-11-05 12:50 许乐 阅读(1674) | 评论 (0) 编辑 |
jquery的html,text,val
摘要: .html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。这三个方法功能上的对比.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法 阅读全文
posted @ 2011-11-03 19:46 许乐 阅读(2489) | 评论 (1) 编辑 |
jquery操作css
摘要: 样式操作 <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 许乐 阅读(6327) | 评论 (0) 编辑 |
jquery操作dom元素
摘要: http://HdhCmsTestw3school测试数据.cn/jquery/jquery_ref_manipulation.aspaddClass()向匹配的元素添加指定的类名。after()在匹配的元素之后插入内容。append()向匹配的元素内部追加内容。appendTo()向匹配的元素内部追加内容。attr()设置或返回匹配元素的属性和值。before()在每个匹配的元素之前插入内容。clone()创建匹配元素集合的副本。detach()从 DOM 中移除匹配元素集合。empty()删除匹配的元素集合中所有的子节点。hasClass()检查匹配的元素是否拥有指定的类。html()设置或返回匹配的 阅读全文
posted @ 2011-11-03 14:31 许乐 阅读(890) | 评论 (0) 编辑 |
jquery,选择器
摘要: http://HdhCmsTestw3school测试数据.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 许乐 阅读(301) | 评论 (0) 编辑 |
jquery基础1-jquery和dom对象转换
摘要: 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 许乐 阅读(2293) | 评论 (0) 编辑 |
jQuery的.bind()、.live()和.delegate()之间区别
摘要: 来源: 译言网发布时间: 2011-03-20 14:24阅读: 507 次原文链接全屏阅读 [收藏]摘要：jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的，然而，如果我们对所有的不同之处都有清晰的理解的话，那么这将会有助于我们编写出更加简洁的代码，以及防止在交互应用中弹出错误。 基本要素 DOM树 首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子： 事件冒泡(又称事件传播) 当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。 $... 阅读全文
posted @ 2011-05-14 10:20 许乐 阅读(75) | 评论 (0) 编辑 |
12条jquery常用技巧和方法整理列表 (借荐)
摘要: $("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 许乐 阅读(134) | 评论 (0) 编辑 |
jquery控制datalist里面的值
摘要: 今天下午调试程序的时候，发现无法获取到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 许乐 阅读(183) | 评论 (0) 编辑 |
JQuery操作checkbox、radio
摘要: 例：将多个选中的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 许乐 阅读(82) | 评论 (0) 编辑 |
jQuery中常用的函数方法总结
摘要: 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 许乐 阅读(43) | 评论 (0) 编辑 |
jquery each
摘要: 我发现我真是一个懒惰的人，三分钟热度。。工作半年了，感觉不学习就充满了罪恶感。。做it的，别人都玩命的学，我却大多数时间都在做跟学习无关的事情。。罪孽今天心血来潮 看看jqueryjQuery.each( object, callback,arg) each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。jQuery.each( object, callback,arg) each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。 jQuery和jQuery对象都实现了该方法，对于jQue.. 阅读全文
posted @ 2011-04-07 17:03 许乐 阅读(155) | 评论 (0) 编辑 |
JQuery动画效果 转（jakwos）
摘要: 名词解释：多播委托是jQuery自身的定义方式，即他不会覆盖原来在其document元素上绑定的事件，不用我们自己设定，事件冒泡是指在jQuery元素集同一事件上绑定了多个方法，当我们触发其中某一方法时，将执行一系列方法，称之为事件冒泡取消事件冒泡的方式是：event.stopPropagation();jquery冒泡事件 （锋利的jquery P109）首先列举一个简单的jQuery弹出层题目，在页面上定义一个弹出层和一个按钮，单击按钮在按钮的下方显示一个弹出层，单击任何空白区域或者弹出层，弹出层消失，该题目的解决方案为：<script type="text/javascr 阅读全文
posted @ 2011-03-10 13:30 许乐 阅读(2173) | 评论 (0) 编辑 |
分类: jquery
作者： Leo_wl
出处： http://HdhCmsTestcnblogs测试数据/Leo_wl/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
版权信息查看更多关于jquery基础jquery和dom对象转换的详细内容...