JQuery心得(持续更新中)

1)通过Id获取组件:$(‘#id’);
2)通过class获取组件:$(’.class’);
$(‘.class1 .class2’) 选择class1元素下class2的元素(中间有空格)
$(‘.class1.class2’) 选择同时含有class1和class2的元素(中间没有空格)
$(‘.class1,.class2’) 选择class1或者class2的元素(中间有逗号)
3)通过标签获取组件数组:$(‘标签’); 例如$(‘a’);input组件的radio,select组件获取例如$(‘input:radio[name=”radio的name”]:checked’):获取输入的name的单选框选中的值;
4)通过标签获取子组件数组:$().find(‘标签名’); 例如$().find(‘a’);获取某组件下的a标签。如果标签存在name:$().find(‘标签名[name=”name名称”]’); 例如a标签的name=text:$().find(‘a[name=”text”]’);
5)获取某组件的值:$(‘#id’).val();
6)获取某组件中属性的值:$(‘#id’).attr(‘属性name’);
7)遍历组件数组:$(‘#id’).each(function(){});
8)在js中单引号和双引号都是一样的,平时使用的时候尽量用单引号,只有碰到嵌套的时候才会同时用两种引号;
9)$.live()  :live()方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素);
10)
表单中readOnly和disabled的区别:
Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio, checkbox, button等。
但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是submitbutton却是可以使用的)。
11)图片动态加载只需要修改src即可,有些需要加载完成时再触发的功能应使用img.load(function(){ your function }); 如果需要获取src图片的尺寸,在load的function中,使用this.width和this.height即可。
12) jquery在1.9版本以上,按钮功能统一使用$('#id').on('click',dom,function)的结构,可以支持动态添加按钮功能
13)attr和prop(1.6版本以上)使用的时机:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值