jquery-重要的方法和注意事项

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=">" οnclick="$('#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的元素

empty

jquery-重要的方法和注意事项相关推荐

jQuery中inArray方法注意事项
jquery的一个方法inArray(ele, array)是判断ele是否在array中存在,返回值是该元素第一次出现在数组array中的下标,没有时返回-1. 1.如果array里存放的是数字,那 ...
vue中实现打印功能的方法与注意事项
vue中实现打印功能的方法与注意事项一.使用方法: 1. 在HTML中 2. 在VUE项目中二.问题总结 1. 设置打印方向 2. 设置打印高度 1. 单张打印 2. 循环打印 3. 获取打印操作 ...
jQuery的attr方法
jQuery的attr方法有两种,这里讲解的都是基础的.就直接上代码吧,语法和注意事项都做好了注释. <!DOCTYPE html> <html lang="en" ...
jquery.offset()使用方法总结
jquery.offset()应用背景很多时候需要对某个div进行定位,或者获取某个元素相对于document的位置,那么我们会用到jquery.offset(). 获得元素相对于document的 ...
Dubbo+zookeeper使用方法以及注意事项
Dubbo+zookeeper使用方法以及注意事项最近在一个项目中想做一个数据库查询的服务,目的是将数据库查询这块从程序中脱离出来,形成一个公共的服务平台,大家都可以调用,经过考虑决定选用Dubbo ...
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准 ...
Jquery源码中的Javascript基础知识（四）— jQuery.fn.init方法
$() 即调用了jQuery.fn.init方法 jQuery = function( selector, context ) {return new jQuery.fn.init( selector ...
jquery中not方法失效的解决方案
jquery中not方法失效的解决方案参考文章: (1)jquery中not方法失效的解决方案 (2)https://www.cnblogs.com/xxqxxq/p/9269669.html 备忘 ...
jQuery使用blur()方法触发两次的解决方法
jQuery使用blur()方法触发两次的解决方法参考文章: (1)jQuery使用blur()方法触发两次的解决方法 (2)https://www.cnblogs.com/wgl1995/p/92 ...
使用jquery的load方法设计动态加载，并解决被加载页面JavaScript失效问题
使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题参考文章: (1)使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题 ( ...

jquery-重要的方法和注意事项

jquery-重要的方法和注意事项相关推荐

最新文章

热门文章