js&jquery
davidwang456
这个作者很懒,什么都没留下…
展开
-
jquery学习手记(2)jQuery对象和DOM对象相互转换
DOM对象DOM文档对象模型,每一份DOM都可以表示成一棵树。可以通过js中的getElementById或者getElementById来获取DOM对象。DOM对象可以使用js中的方法。示例如下:Var domobj=document.getElementbyName(“name”);Var objhtml=domobj.innerhtml; Jquery原创 2013-08-02 11:32:28 · 404 阅读 · 0 评论 -
jquery学习手记(8)遍历
层次的级别有:parent/children/sibling。父节点父节点遍历方法有:$.fn.parent(), $.fn.parents(), $.fn.parentsUntil(), and $.fn.closest().示例如下:div class="grandparent"> div class="parent"> div class="chi原创 2013-08-02 11:32:42 · 447 阅读 · 0 评论 -
如何避免jquery库和其它库的冲突
1.产生原因:默认情况下:jQuery使用 $ 作为jquery的快捷方式,如果别的js库也使用$的话,就可能产生冲突。为避免这种冲突,需要在把jquery引入页面后,使用jquery前把jquery设置为非冲突模式。2.解决方法: 方法1:使用jquery的命名空间,当然就不会冲突了。 1 2 3 4 5 6 // Use full原创 2013-08-02 11:32:26 · 449 阅读 · 0 评论 -
jquery学习手记(4)元素的选择与操作
一. 选择元素id选择器,示例为:1 // Selecting elements by ID2 $("#myId"); // note IDs must be unique per page类名选择器,示例为:1 // Selecting elements by class name2 $(".myClass");属性选择器,示例为:1 // S原创 2013-08-02 11:32:32 · 474 阅读 · 0 评论 -
jquery学习手记(9)事件基础知识
1. jquery事件机制提供了两个事件相关的帮助函数:$.fn.hover 提供一个或者两个传入函数参数// The hover helper function$( "#menu li" ).hover(function() { $( this ).toggleClass( "hover" );});$.fn.toggle 提供两个及以上的传入函数参数原创 2013-08-02 11:32:49 · 427 阅读 · 0 评论 -
js继承的实现(转载)
原文地址:http://yahaitt.iteye.com/blog/250338js继承有5种实现方式: 1、继承第一种方式:对象冒充 function Parent(username){ this.username = username; this.hello = function(){ alert(this.username); } } f原创 2013-08-02 11:32:44 · 394 阅读 · 0 评论 -
jquery学习手记(7)Data_utility_index方法
Data方法Js对dom元素增加一个属性时,你必须处理一些浏览器内存泄漏的问题。Jquery提供了一个元素保存数据的方法,该方替你管理内存问题。示例:// Storing and retrieving data related to an element$("#myDiv").data( "keyName", { foo: "bar" } );// { foo: "bar" }原创 2013-08-02 11:32:39 · 434 阅读 · 0 评论 -
jquery学习手记(6)CSS, Styling, & Dimensions
Css方法// Getting CSS properties$("h1").css("fontSize"); // returns a string such as "19px"$("h1").css("font-size"); // also works// Setting CSS properties$("h1").css( "fontSize", "100px"原创 2013-08-02 11:32:37 · 505 阅读 · 0 评论 -
jquery学习手记(5)对象
DOM和DOM元素DOM是html文件的表现层,它包含了很多DOM元素,宏观上来讲,DOM元素可以被认为是web页面的一个片段。DOM的形式有类型如, , 或者 ,还有许多属性如:src, href, class 等等。元素的属性类似于js的object。属性是js和页面交换的唯一途径。Jquery对象Jquery对象的优点包括:兼容性---跨浏览器和浏览器版本。例如:原创 2013-08-02 11:32:35 · 389 阅读 · 0 评论 -
jquery学习手记(1)
1.$ vs $() $()方法中的参数是jQuery选择器并调用该选择器的方法,格式如下所示: $.fn,例子:$("h1").remove();自动接收和返回该选择器的动作。 $ 方法通常是工具类方法,不和选择器一起使用; 它们不会自动传递任何参数, 并且它们的返回值是样式多样的2.$( document ).ready() vs $( window ).load(func原创 2013-08-02 11:32:23 · 434 阅读 · 0 评论 -
jquery学习手记(3)属性
属性的格式如下:$.fn.attr该格式既可以获取属性的值也可以设置属性的值。示例如下:设置属性1 // Setting attributes2 $("a").attr( "href", "allMyHrefsAreTheSameNow.html" );3 $("a").attr({4 title: "all titles are the same too!",原创 2013-08-02 11:32:30 · 378 阅读 · 0 评论 -
jquery学习手记(10)事件简介
1. 使用jquery监听的方法有许多种:// The many ways to bind events with jQuery// Attach an event handler directly to the button using jQuery's// shorthand `click` method.$( "#helloBtn" ).click(function( e原创 2013-08-02 11:32:51 · 421 阅读 · 0 评论