jQuery中“$”的用法

$的用法:$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写,$()就是一个普通的函数,有时$即相当于jQuery,jQuery即相当于$

1,$(function(){}):$(document).ready(function(){})可以简写成$(function(){});
等同于:
$(document).ready(function(){
  // 在这里写你的代码...
}) 即: 文档载入完成后执行的函数。
2,$(this)和this的区别:
this,如果是取得元素的话,则对应当前元素的对象,this其实是一个Html 元素
$(this)则是当前元素被jQuery处理的对象,能调用jquery的方法,例如click(), keyup();而this,则是html元素对象,能调用元素属性,例如this.id,this.value

一、$()中的是一个查询表达式
如:(1)$(document).find("div>p").html()); $()中的document是一个DOM元素,即在全文寻找带<p>的<div>元素,并显示<p>中的内容。
(2)$()可以是$(function),即一个函数,它是$(document).ready()的一个速记方式
            $(document).ready(function(){
            alert("Hello world!");
            });
            可变形作:
            $(function(){
            alert("Hello world!");
            });
对于选择HTML文档中的elements,jQuery有两种方法:
1)如$("div>ul a"),它的意思是div标签中的ul标签中的a标签
不过,$('div>ul')和$('div ul')是有区别的,

$('div>ul')是<div>的直接后代里找<ul>;
而$('div ul')是在<div>的所有后代里找<ul>。


用jQuery对象的几个方法(如方法find()、each()等)
 $.ajax({}),$.each(obj, function (i) {}),$.trim(),(如:$.trim("   Hello)结果是Hello)
 
 二、标签选择器
 1,标签选择器:$('p')、类选择器$('.myClass')、id选择器$('#myId')、name属性选择器$("[name='callLoanNid']").val()  链接(http://www.jb51.net/article/21660.htm)
 2,XPath选择器 :在XPath中,要找一个“以...开头”的属性,用^=,如找一个name属性是以mail开头的input元素,就用$('input[@name^="mail"]') 要找一个“以...结尾”的属性,要用$=
要找一个“不头不尾”的属性,用*=
3,自定义的选择器了,用“:”表示:如::last,:parent ,:hidden,
 

猜你喜欢

转载自blog.csdn.net/qq_23927391/article/details/79240506
今日推荐