jquery-重要的方法和注意事项
来源:互联网 发布:淘宝女短外套 编辑:程序博客网 时间:2024/04/30 15:26
1、在使用jquery添加事件时,最容易出错的就是当前使用的对象到底是dom还是jquery对象
jquery对象和dom对象互换
dom转换为jquery jquery 转为dom
var obj; var jq = $(#div1");
var jq = $(obj); var obj = $(jq)[0];
2、jquery添加事件,全部是现代事件添加,一个事件可以绑定多个函数
$(function() 相当于window.onload = function(){} 而jquery两个方法都可以被被执行,一个事件
可以绑定多个函数。同样的适用于onclick change 。
$(function(){ alert("编程技术");
});
$(function(){ alert("网页技术");});3、jquery元素设置值和获得值
设置、获得标签中的内容(相当于innerHMTL),其中的内容和value要注意区分。
$("#div1").html("<p>aaa</p>");//设置内容
alert($("#div1").htmle());//获得内容
设置、获得value值
$("#userName").val("张三");//设置value值
$("#userName").val();//获得值
对于span没有value属性可以自定义一个属性
<divid="titleDiv">
<spanvalue="编程技术"id="defSpan">编程技术</span>
<spanvalue="计算机网络">计算机网络</span>
</div>
通过attr来获得他的属于值
alert($("#titleDivspan").attr("value"))
4、jquery常用的方法
4.1 jquery元素选择器
var msg = $("#div1 label");//已知id号可以这样用
var msg = $("#div1").find("label")//已知对象 例如:vartdArray=trObj.find("td");
4.2 jquery获得子元素的值
取得数据第几个元素,返回dom对象
$("#div1label")[1].innerHTML;
遍历数组
$("#div1label").each(function (index,data){
index为循环变量,data为数组中的DOM元素
alert(this.innerHTML);
});
4.3 下拉框多选,和复选框的多选。
首先要给select加multiple属性
<select id="leftSelect"multiple > <option>张灵甫</option> <option>杜律明</option> <option>薛岳</option> <option>戴安澜</option> <option>王耀武</option> <option>李宗仁</option></select>
获得方法: 完整代码稍后附在后面
<input type="button" value=">" onclick="$('#rightSelect').append($('#leftSelect option:selected'));"><br>
复选框,可以只用看它的checked属性
$(function(){ $("#headBox").click(function(){ var x = this.checked; //得到所有name属性为stuidy元素集合 $("[name = stuId]").each(function(){ this.checked = x; }) });});
单选框和复选框判断是否选中:checked
列表框和下拉框判断是否选中:selected
4.4jquery动态查询如果包含所要查询的queryStr则为true
if(book[id].name.indexOf(queryStr)!=-1){
}4.5 通过name,type,class获得元素
$("#data .aa").each(function(){} 获得类型为aa的子元素
[name = stuId]" 获得name为指定内容的元素
input[type=text] 获得类型为text的元素
- jquery-重要的方法和注意事项
- jQuery的Ajax方法注意事项
- jQuery重要方法集合
- .NET主题样式 的应用和注意事项(超重要)
- jQuery的语法总结和注意事项
- Jquery的语法总结和注意事项
- jquery 的ajax请求示例和注意事项
- UIView的重要的方法和属性
- jQuery选择器(重要) 基本选择器;jquery的html方法,text方法,each方法,index方法
- JQuery中的一些重要方法
- javascript中方法的链式调用(jQuery中的重要特性)
- [重要]jQuery的选择器
- iOS开发中一些重要的系统方法使用注意事项总结
- 在WordPress调用jQuery的方法及注意事项
- jquery中load方法的用法及注意事项说明
- 找技术资料的方法和注意事项
- windows2003 做集群的方法和注意事项
- PDM导出sql的方法和注意事项
- View抖动
- Qt学习四:控件一:按钮、标签、单行文本、多行文本
- LeetCode之14_Longest Common Prefix
- 微信公众号后台java开发实现自动回复机器人
- 例程与函数
- jquery-重要的方法和注意事项
- TextView实现复制、滑动、行数限制多余部分...表示
- Spring 事务的传播行为和隔离级别
- jQuery
- Bootstrap model的使用及点击外部不消失
- Java的File类中值得注意的细节问题
- 获取联系人
- swift 之structs相关的学习
- MySQL server has gone away