JQuery使用与细节总结

JQuery使用与细节
1,使用JQuery取对象属性
1、jQuery变量命名时不能使用“-”,可以使用下划线“_”,
例如var click-product;会报出“丢失分号”很奇怪的错误,var click_product;正确
2、选择器中含有".","#","(","]"等特殊字符,根据W3C的规定,属性值中是不能含有这些特
殊字符的
但我们在开发过程中我们取值一般都是使用对象.属性。ID也一般习惯这样使或是一些特殊的处理需
要用
到上面所写的特殊字符时而我们在使用JQuery取值时就不能用正确的方事使用。
1.2.1“.”如:
<input type="text" id="user.idName" value="click a button" />
取值 $("#user.idName").val()这样取不到值。
因为在JS中点代表对象的层级关系,在解析这个字符串时会出错的。
正确的
$("[id='user.idName']").val();
错误的
$("#user.idName").val();
1.2.2 “(”,“]”如:
<input type="text" id="user[Name]" value="click a button" />
正确的
$("#user\\[Name\\]").val();
错误的
$("#user.idName").val();
1.2.3 “#” 如:还不知道怎么解决

2、关于val()方法
在jquery中,val()方法是从最后一个选项往前读取,如果选项的value或者text中任意一项符合就会
被选中,
例如:
<option value="user1号">user2号</option>
<option value="user2号">user1号</option>
无论使用val("user1号")还是val("user2号"),都会选中后面的那个option

3、关于css()方法
如果参数值是数字,将会被自动转换为像素值;如果属性中带有"-"符号,例如font-size、
background-color等属性,如果在设置这些属性的值的时候不带引号,那么就要用驼峰式写法,
例如:
$("p").css({fontSize:"30px", backgroundColor:"#888888"});
如果带上了引号,既可以写成"font-size",也可以写成"fontSize",建议大家加上引号,养成良好
的习惯。

4、关于$.get()方法
4.1、只有当response的返回状态是success时才调用此方法的回调函数。
4.2、此方法的回调函数有两个参数,分别是data即返回的内容(可以是XML文档、JSON文件、HTML片
段等等)、textStatus即请求状态(success、error、notmodified、timeout这4种)
注意,$.post()方法与$.get()方法基本相同。

5、关于load()方法
此方法通常用来从web服务器上获取静态的数据文件。
5.1、用load()筛选载入的HTML文档内容
这时load()方法的URL参数的语法结构为:"url selector",注意url和selector之间有一个空格。
例如只需要加载test.html页面中class为"para"的内容,可以用$("#xxx").load("test.html
.para");
5.2、load()方法的回调函数的参数load()方法提供的回调函数有3个参数,
分别代表请求返回的内容、请求状态和XMLHttpRequest对象
,代码如下:
#("#resText").load("test.html", function(responseText, textStatus, XMLHttpRequest) {
//responseText : 请求返回的内容
//textStatus : 请求状态: success、error、notmodified、timeout 4种
//XMLHttpRequest : XMLHttpRequest对象
});
注意,在load()方法中,无论Ajax请求是否成功,只要当请求完成后(complete)后,回调函数
(callback)就被触发。此对应$.ajax()方法中的complete回调函数。

6.单击页面中的按钮,就会重新加载当前页面
<a href="#" οnclick='parent.location="javascript:location.reload()"'></a>
加入你想通过链接打开新窗口,又想重新加载当前页面,这是一个比较好的办法;

7,如果我们在开发过程有时,需要用到onLoad事件。加载时获取文本框的值时。
我们在编写JS时应该把JS代码放在文件的最后面。至少要放在你获取文本框值的下面。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值