欧美日本一道本,四虎影院在线域名免费观看,亚洲乱码一区二区三区

�?id与class的一点小区别

Terry Zou — Thu, 28 Jul 2011 11:18:00 GMT

    当文本中定义了相同的id值或相同的class值时�Q�定义�ؓid不可以同时操作，定义为class可以同时寚w��些��D��行操作。如下例所�C�：
描述要求�Q�要求点��L��钮时能够对两个文本框�q�行隐藏
    下面情况不能辑ֈ�效果(当然jquery包已�l�导入啦)�Q?br />

    下面情况能行

Terry Zou 2011-07-28 19:18 发表评论

Terry Zou — Wed, 27 Jul 2011 12:28:00 GMT

    在jquery中可以通过jqueryObj.attr("disabled","disabled")��页面中某个元素�|��ؓ不可�~�辑或触发状态，但是在jquery的API reference中�ƈ没说明怎么��页面置为disable的元素重新置为可触发或可�~�辑的。这里发现可以采用三�U�的变通方法将�|��ؓdisabled的元素状态改为enabled
1.��disabled属性设为false
    如：�Ҏ��本进行设�|?br />
        $("#userId").attr("disabled",false);
2.��disabled属性设为空
    �?同样是上面文�?br />        $("#userId").attr("disabled","");
3.�U�除disabled属�?br />    �?同样用到上面文本
        $("#userId").removeAttr("disabled");
详细出处参考：http://www.jb51.net/article/19342.htm

Terry Zou 2011-07-27 20:28 发表评论

三（2�Q?事�g�Q�常用方法）

Terry Zou — Fri, 22 Jul 2011 12:53:00 GMT

1.toggle有两�U��Ş�?br />    �Q?�Q�toggle()用于切换元素的可见性，如果被选元素可见，则隐藏这些元素，如果被选元素不可见�Q�则昄��q�些元素�?br />        �?

当点��M��面的“点击�q�里字样”�Q�这里的内容��隐藏与昄��切换

        $(document).ready(function(){
            $("#test").click(function(){
                $("#content").toggle();
            });
        });
        (2)toggle(f(n),f(m)) 效果是：每次点击后依�ơ调用函敎ͼ�如果点击了一个匹配的元素�Q�则触发指定的第一个函敎ͼ�当再�ơ点��d��一元素�Ӟ��则触发指定的�W�二个函敎ͼ�如果有更多函敎ͼ�则再�ơ触发，直到最后一个。随后的每次点击都重复对�q�几个函数的轮番调用.

当点��M��面的“点击�q�里字样”�Q�这里的内容颜色��切�?lt;/p>



        样式�Q?br />        .bg{color:#ff0;}
        .cg{color:#f0f;}

        $(document).ready(function(){
            $("#test").toggle(
                function(){
                    $("#content").addClass("bg");
                },
                function(){
                    $("#content").removeClass("bg");
                },
                function(){
                    $("#content").addClass("cg");
            });
        });
       当然�q�里不能循环执行�Q�应为当执行完addClass("cg")时就得执行addClass("bg")�q�是错误的，应该在将cg样式��L��ok啦，可以在下面在加一个去掉的函数�?br />2.hover一个模仿悬停事�Ӟ��鼠标�U�d��C��个对象上面及�U�d��q�个对象�Q�的�Ҏ��,效果�Q�当鼠标�U�d��C��个匹配的元素上面�Ӟ��会触发指定的�W�一个函数。当鼠标�U�d��q�个元素�Ӟ��会触发指定的�W�二个函数。而且�Q�会伴随着寚w��标是否仍然处在特定元素中的检��（例如�Q�处在div中的囑փ��Q�，如果是，则会�l�箋保持“悬停”状态，而不触发�U�d��事�g�Q�修正了使用mouseout事�g的一个常见错误）�?br />        $("#content").hover(function(){
                   $(this).addClass("bg");},
              function(){
                   $(this).removeClass("bg");
         });
�q�里只写�q�两个例子，其他的参加下面的事�g汇怅R��来源：http://www.cnblogs.com/EricChan/archive/2011/02/01/1948534.html

�Ҏ�� 描述
ready() 文档��q�A事�g�Q�当 HTML 文档��q�A可用�Ӟ��
blur() 触发、或��函数绑定到指定元素�?blur 事�g
change() 触发、或��函数绑定到指定元素�?change 事�g
click() 触发、或��函数绑定到指定元素�?click 事�g
dblclick() 触发、或��函数绑定到指定元素�?double click 事�g
error() 触发、或��函数绑定到指定元素�?error 事�g
focus() 触发、或��函数绑定到指定元素�?focus 事�g
keydown() 触发、或��函数绑定到指定元素�?key down 事�g
keypress() 触发、或��函数绑定到指定元素�?key press 事�g
keyup() 触发、或��函数绑定到指定元素�?key up 事�g
load() 触发、或��函数绑定到指定元素�?load 事�g
mousedown() 触发、或��函数绑定到指定元素�?mouse down 事�g
mouseenter() 触发、或��函数绑定到指定元素�?mouse enter 事�g
mouseleave() 触发、或��函数绑定到指定元素�?mouse leave 事�g
mousemove() 触发、或��函数绑定到指定元素�?mouse move 事�g
mouseout() 触发、或��函数绑定到指定元素�?mouse out 事�g
mouseover() 触发、或��函数绑定到指定元素�?mouse over 事�g
mouseup() 触发、或��函数绑定到指定元素�?mouse up 事�g
resize() 触发、或��函数绑定到指定元素�?resize 事�g
scroll() 触发、或��函数绑定到指定元素�?scroll 事�g
select() 触发、或��函数绑定到指定元素�?select 事�g
submit() 触发、或��函数绑定到指定元素�?submit 事�g
unload() 触发、或��函数绑定到指定元素�?unload 事�g

jQuery 事�g处理�Ҏ��
事�g处理�Ҏ��把事件处理器�l�定臛_��配元素�?/p>

�Ҏ�� 触发
$(selector).bind(event) 向匹配元素添加一个或更多事�g处理�?
$(selector).delegate(selector, event) 向匹配元素添加一个事件处理器�Q�现在或��来
$(selector).die() �U�除所有通过 live() 函数��d��的事件处理器
$(selector).live(event) 向匹配元素添加一个事件处理器�Q�现在或��来
$(selector).one(event) 向匹配元素添加一个事件处理器。该处理器只能触发一�ơ�?
$(selector).unbind(event) 从匹配元素移除一个被��d��的事件处理器
$(selector).undelegate(event) 从匹配元素移除一个被��d��的事件处理器�Q�现在或��来
$(selector).trigger(event) 所有匹配元素的指定事�g
$(selector).triggerHandler(event) �W�一个被匚w��元素的指定事�?

jQuery 效果函数
Hide / Show 描述
show() 昄��被选的元素
hide() 隐藏被选的元素
toggle() 对被选元素进行隐藏和昄��的切�?

Slide
slideDown() 通过调整高度来滑动显�C��选元�?
slideUp() 通过调整高度来滑动隐藏被选元�?
slideToggle() 对被选元素进行滑动隐藏和滑动昄��的切�?

Fade in / out
fadeIn() 淡入被选元素至完全不透明
fadeOut() 淡出被选元素至完全不透明
fadeTo() 把被选元素减��p��l�定的不透明�?

Animation
animate() 对被选元素应�?#8220;自定�?#8221;的动�?
stop() 停止在被选元素上�q�行动画

Queue
clearQueue() 对被选元素移除所有排队的函数�Q�仍未运行的�Q?
delay() 对被选元素的所有排队函敎ͼ�仍未�q�行�Q�设�|��g�q?
dequeue() �q�行被选元素的下一个排队函�?
queue() 昄��被选元素的排队函数

jQuery 文档操作�Ҏ��
�q�些�Ҏ��对于 XML 文档�?HTML 文档均是适用的，除了�Q�html()�?/p>

�Ҏ�� 描述
addClass() 向匹配的元素��d��指定的类名�?
after() 在匹配的元素之后插入内容�?
append() 向匹配的元素内部�q�加内容�?
appendTo() 向匹配的元素内部�q�加内容�?
attr() 讄��或返回匹配元素的属性和倹{�?
before() 在每个匹配的元素之前插入内容�?
clone() 创徏匚w��元素集合的副本�?
detach() �?DOM 中移除匹配元素集合�?
empty() 删除匚w��的元素集合中所有的子节炏V�?
hasClass() ��查匹配的元素是否拥有指定的类�?
html() 讄��或返回匹配的元素集合中的 HTML 内容�?
insertAfter() 把匹配的元素插入到另一个指定的元素集合的后面�?
insertBefore() 把匹配的元素插入到另一个指定的元素集合的前面�?
prepend() 向每个匹配的元素内部前置内容�?
prependTo() 向每个匹配的元素内部前置内容�?
remove() �U�除所有匹配的元素�?
removeAttr() 从所有匹配的元素中移除指定的属性�?
removeClass() 从所有匹配的元素中删除全部或者指定的�c�R�?
replaceAll() 用匹配的元素替换所有匹配到的元素�?
replaceWith() 用新内容替换匚w��的元素�?
text() 讄��或返回匹配元素的内容�?
toggleClass() 从匹配的元素中添加或删除一个类�?
unwrap() �U�除�q�替换指定元素的父元素�?
val() 讄��或返回匹配元素的倹{�?
wrap() 把匹配的元素用指定的内容或元素包裹�v来�?
wrapAll() 把所有匹配的元素用指定的内容或元素包裹�v来�?
wrapinner() ��每一个匹配的元素的子内容用指定的内容或元素包裹�v来�?

jQuery 属性操作方�?/span>
下面列出的这些方法获得或讄��元素�?DOM 属性�?/p>

�q�些�Ҏ��对于 XML 文档�?HTML 文档均是适用的，除了�Q�html()�?/p>

�Ҏ�� 描述
addClass() 向匹配的元素��d��指定的类名�?
attr() 讄��或返回匹配元素的属性和倹{�?
hasClass() ��查匹配的元素是否拥有指定的类�?
html() 讄��或返回匹配的元素集合中的 HTML 内容�?
removeAttr() 从所有匹配的元素中移除指定的属性�?
removeClass() 从所有匹配的元素中删除全部或者指定的�c�R�?
toggleClass() 从匹配的元素中添加或删除一个类�?
val() 讄��或返回匹配元素的倹{�?

注释�Q�jQuery 文档操作参考手册中也列��Z��以上�Ҏ��。本参考页的作用是方便用户单独查阅有关属性操作方面的�Ҏ��?br />

jQuery CSS 操作函数
下面列出的这些方法设�|�或�q�回元素�?CSS 相关属性�?/p>

CSS 属�?描述
css() 讄��或返回匹配元素的样式属性�?
height() 讄��或返回匹配元素的高度�?
offset() �q�回�W�一个匹配元素相对于文档的位�|��?
offsetParent() �q�回最�q�的定位��先元素�?
position() �q�回�W�一个匹配元素相对于父元素的位置�?
scrollTop() 讄��或返回匹配元素相�Ҏ��动条�剙��的偏�U�R�?
scrollLeft() 讄��或返回匹配元素相�Ҏ��动条左侧的偏�U�R�?
width() 讄��或返回匹配元素的宽度�?

jQuery Ajax 操作函数
jQuery 库拥有完整的 Ajax 兼容套�g。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加蝲数据�?/p>

函数描述
jQuery.ajax() 执行异步 HTTP (Ajax) ��h��?
.ajaxComplete() �?Ajax ��h��完成时注册要调用的处理程序。这是一�?Ajax 事�g�?
.ajaxError() �?Ajax ��h��完成且出现错误时注册要调用的处理�E�序。这是一�?Ajax 事�g�?
.ajaxSend() �?Ajax ��h��发送之前显�C�Z��条消息�?
jQuery.ajaxSetup() 讄��来�?Ajax ��h��的默认倹{�?
.ajaxStart() 当首�?Ajax ��h��完成开始时注册要调用的处理�E�序。这是一�?Ajax 事�g�?
.ajaxStop() 当所�?Ajax ��h��完成时注册要调用的处理程序。这是一�?Ajax 事�g�?
.ajaxSuccess() �?Ajax ��h��成功完成时显�C�Z��条消息�?
jQuery.get() 使用 HTTP GET ��h��从服务器加蝲数据�?
jQuery.getJSON() 使用 HTTP GET ��h��从服务器加蝲 JSON �~�码数据�?
jQuery.getScript() 使用 HTTP GET ��h��从服务器加蝲 JavaScript 文�g�Q�然后执行该文�g�?
.load() 从服务器加蝲数据�Q�然后把�q�回�?HTML 攑օ�匚w��元素�?
jQuery.param() 创徏数组或对象的序列化表�C�，适合�?URL 查询字符串或 Ajax ��h��中��用�?
jQuery.post() 使用 HTTP POST ��h��从服务器加蝲数据�?
.serialize() ��表单内容序列化为字�W�串�?
.serializeArray() 序列化表单元素，�q�回 JSON 数据�l�构数据�?

jQuery 遍历函数

jQuery 遍历函数包括了用于筛选、查扑֒�串联元素的方法�?/p>

函数	描述
.add()	��元素添加到匚w��元素的集合中�?/td>
.andSelf()	把堆栈中之前的元素集��d��到当前集合中�?/td>
.children()	获得匚w��元素集合中每个元素的所有子元素�?/td>
.closest()	从元素本�w�开始，逐��向上�U�元素匹配，�q�返回最先匹配的��先元素�?/td>
.contents()	获得匚w��元素集合中每个元素的子元素，包括文本和注释节炏V�?/td>
.each()	�?jQuery 对象�q�行�q�代�Q��ؓ每个匚w��元素执行函数�?/td>
.end()	�l�束当前链中最�q�的一�ơ筛选操作，�q�将匚w��元素集合�q�回到前一�ơ的状态�?/td>
.eq()	��匹配元素集合羃减�ؓ位于指定索引的新元素�?/td>
.filter()	��匹配元素集合羃减�ؓ匚w��选择器或匚w��函数�q�回值的新元素�?/td>
.find()	获得当前匚w��元素集合中每个元素的后代�Q�由选择器进行筛选�?/td>
.first()	��匹配元素集合羃减�ؓ集合中的�W�一个元素�?/td>
.has()	��匹配元素集合羃减�ؓ包含特定元素的后代的集合�?/td>
.is()	�Ҏ��选择器检查当前的匚w��元素集合�Q�如果存在至��一个匹配元素，则返�?true�?/td>
.last()	��匹配元素集合羃减�ؓ集合中的最后一个元素�?/td>
.map()	把当前匹配集合中的每个元素传递给一个函敎ͼ�产生包含�q�回值的新的 jQuery 对象�?/td>
.next()	获得匚w��元素集合中每个元素紧�ȝ��同辈元素�?/td>
.nextAll()	获得匚w��元素集合中每个元素之后的所有同辈元素，由选择器进行筛选（可选）�?/td>
.nextUntil()	获得每个元素之后所有的同辈元素�Q�直到遇到匹配选择器的元素为止�?/td>
.not()	从匹配元素集合中删除元素�?/td>
.offsetParent()	获得用于定位的第一个父元素�?/td>
.parent()	获得当前匚w��元素集合中每个元素的父元素，由选择器筛选（可选）�?/td>
.parentsUntil()	获得当前匚w��元素集合中每个元素的��先元素�Q�直到遇到匹配选择器的元素为止�?/td>
.prev()	获得匚w��元素集合中每个元素紧�ȝ��前一个同辈元素，由选择器筛选（可选）�?/td>
.prevAll()	获得匚w��元素集合中每个元素之前的所有同辈元素，由选择器进行筛选（可选）�?/td>
.prevUntil()	获得每个元素之前所有的同辈元素�Q�直到遇到匹配选择器的元素为止�?/td>
.siblings()	获得匚w��元素集合中所有元素的同辈元素�Q�由选择器筛选（可选）�?/td>
.slice()	��匹配元素集合羃减�ؓ指定范围的子集�?/td>

jQuery 数据存储函数

�q�些�Ҏ��允许我们��指定的 DOM 元素与�Q意数据相兌��?/p>

函数	描述
.data()	存储与匹配元素相关的��L��数据�?/td>
jQuery.data()	存储与指定元素相关的��L��数据�?/td>
.removeData()	�U�除之前存放的数据�?/td>
jQuery.removeData()	�U�除之前存放的数据�?/td>

jQuery 队列控制函数

函数	描述
.clearQueue()	从队列中删除所有未�q�行的项目�?/td>
.dequeue()	从队列最前端�U�除一个队列函敎ͼ��q�执行它�?/td>
jQuery.dequeue()	从队列最前端�U�除一个队列函敎ͼ��q�执行它�?/td>
.queue()	昄��或操作匹配元素所执行函数的队列�?/td>
jQuery.queue()	昄��或操作匹配元素所执行函数的队列�?/td>

Terry Zou 2011-07-22 20:53 发表评论

三（1�Q?事�g(select checkbox radio text)

Terry Zou — Thu, 21 Jul 2011 13:02:00 GMT

val()�Ҏ��取��|��默认为value属性��|��否则为on;默认��入到文本框里的�?abc默认为value属性��|��否则为on;
1.处理Select事�g

            �?('#select').val();默认的��gؓ选择的��|��?#8220;�Ҏ��”,�?lt;option value="冬瓜">�Ҏ��在选择�Ҏ��?('#select').val();得到的是“冬瓜”�?br />        �Q?�Q��ؓselect��d��选项��|��如下:


                    ��d��选项






         �Q?�Q�获取select中的被选项�Q�如�?


                    获取被选项






2.处理checkbox事�g
        �Q?�Q�全选uncheck/checkAll

看电�?lt;/input>

打篮�?lt;/input>

看书

Check/Uncheck

         $(document).ready(function(){
          $('#checkAll').click(function(){
                $("input[type='checkbox']").attr('checked',$("#checkAll").is(':checked'));
          });
       });
        (2) ��查复选框是否被选中
        $('form').find(":checkbox").each(function(){
            if($(this).is(":checked");
        });
3.处理radio事�g
    �Q?�Q�检查单选按钮是否被选择
        var a=$("input[type='radio']:checked").val();

Terry Zou 2011-07-21 21:02 发表评论

�?jQuery数组

Terry Zou — Thu, 21 Jul 2011 12:47:00 GMT

1.利用数组在列表中昄��名字
    (1)�U�向昄��
    �?
    �Q?�Q�显�C�名字及其在数组中所在位�|?br />    �?
     (3)利用Html元素创徏数组及计数数�l�的长度
        $(document).ready(function(){

Var names=$(‘li’).get(); //创徏数组

       $(‘p’).text(names.length);     //计数数组长度
});

2.操作数组数据(转换成大�?
  $(document).ready(function(){
        var member=["zhangsan","BoLaiTe"];

var member=$.map(member,function(n,i){ //member可以变�ؓ其他数组�?br /> return (i+1+"."+n.toUpperCase());
});
});
�?$.each()�?.map()都是�q�代数组中的每个元素�Q��ƈ调用回调函数�Ҏ��个元素做操作。后者还能返回一个数�l�元素�?br />

3.�{�选数�l�元�?br />    (1)使用grep
    $(document).ready(function(){
        member=["Dev","Tom"];
        member=$.grep(member,function(v){return v.length>3});
    });
    (2)使用match
        member=["Dev","Tom"];
        member=$.grep(member,function(v){return v.match(/^[A-D]/)});
4.字符串数�l�，数值数�l�排�?br />    �Q?�Q�字�W�串数组排序
           var member=["dev","Tom"]
            member=member.sort();
      (2) 数值数�l�排�?br />           var memer=[12,34,13,53];
            member=member.sort(function(a,b){
                return a-b;
            });
      (3)对象数组排序
            <script type="text/javascript" src="rs/js/jquery.js">script>

script>

注：上述来源于：http://mmz06.blog.163.com/blog/static/12141696201102935021258/
5.拆分数组
    var member=[20,40,21,302,21];
    var memSecond=member.splice(1,2);
    得到 member=[20,302,21];
            memSecond=[40,21];
6.合�ƈ数组
    var mem1=[1,2];
    var mem2=[3,4];
    var mem=mem1.concat(mem2);

Terry Zou 2011-07-21 20:47 发表评论

一.jQuery基础

Terry Zou — Thu, 21 Jul 2011 11:33:00 GMT

一.jQuery基础

1. jQuery选择dom节点

$(‘p’) //html元素

$(‘div’) //html元素

$(‘#A’) //id='A'

$(‘.b’) //class='b'

2. 延迟JavaScript的执�?/span>

用来通知我们dom准备��q�A的方法是$(document).ready()。在DOM加蝲完成�?/span>,此方法执行函数调用：

$(document).ready(function(){

$(‘p’).addClass(‘hightlight’);

});

3. css攑֜�元素�?/span>

$(‘div’).addClass(‘hightlight’);

4. 选择�p�d��非标准的HTML元素

$(‘div:odd’).addClass(‘highlight’);

$(‘div:even’).addClass(‘boundary’);

$(‘p:eq(1)’).addClass(‘linkstyle’);

5. 计数dom节点和显�C�其文本

$(document).ready(function(){

var $node=$(“#root”).children();

alert($node.length);

var text;

$(“#root”).children.each(function(){

text+=$(this).text();

})

6. 获取html代码

$(‘p’).html();

7. 获取dom代码

$(‘h2’).text(‘javascript libraries’);

8. 快速创�?/span>dom节点

(1) prepend()指定元素前插�?/span>

$(‘p’).prend(‘

abc

’);

(2) prependTo()

$(‘

abc

’).prependTo(‘p’);

(3) clone()复制指定元素�q�返回一个新�?/span>jQuery对象。复制一�?/span>h2元素插入该段元素 $(‘h2’).clone().prependTo(‘p’);

Terry Zou 2011-07-21 19:33 发表评论