jQuery对象转换成DOM对象

var #cr = $("#cr");  //jQuery对象
var cr = $cf[0]; //DOM对象
alert(cr.checked) //检测这个checkbox是否被选中了

或者

var #cr = $("#cr");      //jQuery对象
var cr = $cf.get(0); //DOM对象——通过jQuery本身的get(index)方法
alert(cr.checked) //检测这个checkbox是否被选中了

DOM对象转换成jQuery对象

var cr = document.getElementById("cr");  //DOM对象
var $cr = $(cr); //jQuery对象
//是否被选中
$cr.is(":checked")); //jQuery
cr.checked; //javascript
var $t_a = $('.test :hidden');    //带空格的
//选取class为“test”的元素里面的隐藏元素。 var $t_a = $('.test:hidden'); //不带空格的
//选取隐藏的class为“test”的元素。

事件对象的属性:

  1、event.type  该方法的作用是可以获取到事件的类型;

  2、event.preventDefault()  该方法的作用是阻止默认的事件行为;

  3、event.stopPropagation()  该方法的作用是阻止事件的冒泡(jQuery对其重新封装,使IE也能支持);

  4、event.target  该方法的作用是获取到触发事件的元素;

  5、event.relatedTarget  W3C在mouseover和mouseout这两个触发的事件对象里添加了一个叫relatedTarget的属性,来表示与事件相关的DOM元素。mouseover中relatedTarget指向鼠标来自的元素,而mouseout中的relatedTarget指向的是鼠标去向的那个元素。jQuery中,reatedTarget与其作用相同,只用在mouseover和mouseout事件中,且relatedTarget是一个对象属性,不是一个函数(方法),不能调用。

  6、event.pageX和event.pageY  该方法的作用是获取到光标相对于页面的x坐标和y坐标;

  7、event.which  该方法的作用是在鼠标单击事件中获取到鼠标的左、中、右键,在键盘事件中获取键盘的按键;(1=左,2=中,3=右)

  8、event.metaKey  该方法的作用是为键盘事件中获取<ctrl>按键。


在之前的jQuery版本中,都是使用attr()来访问对象的属性,比如取一个图片的alt属性,就可以这样做$('#img').attr('alt');但是在某些时候,比如访问input的disabled属性的时候,会有些问题。在有些浏览器里,只要写了disabled属性就可以,有些则要写:disabled="disabled"。所以,从1.6版开始,jQuery提供新的方法prop()来获取这些属性。使用prop()的时候,返回值是标准属性:true/false,比如$('#checkbos').prop('disabled'),不会返回“disabled”或者“”,只会返回true/false。当然赋值的时候也是如此。这样,便统一了所有操作,无论是从语法上还是语义上。

那么,哪些属性应该用attr()访问,哪些应该用prop()访问呢?

第一个原则:只添加属性名称该属性就会生效应该使用prop();

第二个原则:只存在true/false的属性应该使用prop()。

比如:如果是设置disabled和checked这些属性,应使用prop()方法,而不是使用attr()方法。


$.ajaxPrefilter(function (options) {
options.global = true;//Ajax不触发全局事件
}); //
$("#loading").ajaxStart(function () {
$(this).show();
});
$("#loading").ajaxStop(function () {
$(this).hide();
});

页面加载时,可多次触发的方法:

function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function () {
            oldonload();
            func();
        }
    }
}

在元素后添加

function insertAfter(newElement, targetElement) {
var parentElement = targetElement.parentNode;
if (parentElement.lastChild == targetElement) {
parentElement.appendChild(newElement);
} else {
parentElement.insertBefore(newElement, targetElement.nextSibling);
}
}

jQuery学习备忘的更多相关文章

  1. Android学习备忘笺01Activity

    01.设置视图 在Android Studio新建的项目中,通过 setContentView(R.layout.activity_main);方法将res/layout/activity_main. ...

  2. leaflet 学习备忘

    leaflet 开源js地图工具.非常好用. leaflet参考:http://leafletjs.com/ 特性: 完全开源,可以基于不同的第三方瓦片生成地图. 基于原始GPS,无需转换 可创建离线 ...

  3. UML学习备忘

    两大类UML图: 行为图(behavior diagrams)和结构图(structure diagrams)     行为图将引导系统分析员分析且理清"系统该做些什么"?系统分析 ...

  4. Git学习备忘

    本文参考廖雪峰写的精彩的git学习文档,大家可以直接去官网看原版,我这里只是便于自己记录梳理 原版地址:http://www.liaoxuefeng.com/wiki/0013739516305929 ...

  5. MVC4 学习备忘

    WebConfig文件里添加数据库链接字符: <add name="MovieDBContext(可以自己取字符串名字)" connectionString="Da ...

  6. jQuery学习易忘细节

    1.类似于alert(""),但不会中断页面操作:console.log("last"); 2.javascript是HTML5以及所有现代浏览器中的默认脚本语 ...

  7. easyUi学习备忘

    1.获取datagrid的自身相关的属性方式: jQuery("#grid").datagrid("options").height jQuery(" ...

  8. 一滴一点vim(学习+备忘)

    普通模式: h j k l 分别是左下上右方式移动: :w 保存修改 :q 推出 :wq 保存修改并退出 :q! 放弃修改强制推出 x 删除光标所在位置字符 i 在光标所以位置插入字符 删除类命令: ...

  9. jQuery插件备忘

    jQuery BlockUI Plugin  遮罩插件                                                                          ...

随机推荐

  1. 知问前端——概述及jQuery UI

    知问系统,是一个问答系统.主要功能:即会员提出问题,会员回答问题.目前比较热门的此类网站有:知乎http://www.zhihu.com.百度知道http://zhidao.baidu.com等.这里 ...

  2. Java集合框架(一)

    Java中集合类的关系图:  Collection 先来集合中的最大接口——Collection 可以通过查看JDK帮助文档,了解Collection接口中的最共性的方法.通过以下代码示例演示这些方法 ...

  3. select into from和insert into select from两种表复制语句区别

    select into from和insert into select from两种表复制语句都是将源表source_table的记录插入到目标表target_table,但两句又有区别. 第一句(s ...

  4. BestCoder 1st Anniversary($) 1003 Sequence

    题目传送门 /* 官方题解: 这个题看上去是一个贪心, 但是这个贪心显然是错的. 事实上这道题目很简单, 先判断1个是否可以, 然后判断2个是否可以. 之后找到最小的k(k>2), 使得(m-k ...

  5. SSH开发实践part1:Spring与Hibernate整合

    1 之前把SSH看完了,现在从头开始进行项目实践.现在讲整个过程中的点滴记录下来,希望对后来者有参考. 2 SSH是一个轻量级的java开发框架,struts负责MVC开发模式中的controller ...

  6. hdu 4472 Count

    递推,一般的dp值: #include<stdio.h> #include<string.h> #define mod 1000000007 ]; int Dp() { a[] ...

  7. 性能测试问题_Mysql数据库服务器的CPU占用很高

    MySQl服务器CPU占用很高 1.  问题描述 一个简单的接口,根据传入的号段查询号码归属地,运行性能测试脚本,20个并发mysql的CPU就很高,监控发现只有一个select语句,且表建立了索引 ...

  8. JavaPersistenceWithHibernate第二版笔记-第五章-Mapping value types-003使用@AttributeOverrides

    Each @AttributeOverride for a component property is “complete”: any JPA or Hibernate annotation on t ...

  9. 什么是边界扫描(boundary scan)?

    边界扫描(Boundary scan )是一项测试技术,是在传统的在线测试不在适应大规模,高集成电路测试的情况下而提出的,就是在IC设计的过程中在IC的内部逻辑和每个器件引脚间放置移位寄存器(shif ...

  10. sftp的安装和使用

    http://blog.srmklive.com/2013/04/24/how-to-setup-sftp-server-ftp-over-ssh-in-ubuntu/ In my previous ...