jQuery

最新推荐文章于 2025-04-16 19:00:00 发布

hishe

最新推荐文章于 2025-04-16 19:00:00 发布

阅读量358

点赞数

分类专栏： ↑☆↓科技文章标签： jquery function list ajax callback php

本文链接：https://blog.youkuaiyun.com/hishe/article/details/5871168

版权

↑☆↓科技专栏收录该内容

8 篇文章

订阅专栏

$() = $(document)
//实现window.onload()效果
$().ready(
function(){
//需要执行的内容
}
);
//获取DOM元素(返回值为jQuery对象)
$("element") //相应元素名的
$(".classname") //class值匹配的
$("element.classname") //相应元素中，class值匹配的
$("#id") //id匹配的
$("element#id") //相应元素中，id匹配的
$("element1 > element2") //元素一下的所有元素二（只包括儿子）
$("element1 element2") //元素一中的所有元素二（包括子孙等）
$("element1 + element2") //元素一后的所有元素二（代码后）
$("element1 ~ element2") //与元素一并列的所有元素二（兄弟元素二）
$("#id").html("") //设置 getElementById("id").innerHTML = ""
$("#id").html() //取出 getElementById("id").innerHTML
//动画出现效果
$("#id").show(speed, [callback])
$("#id").slideDown(speed, [callback])

//在外面包围另一个结构（html代码/元素）
$("p").wrap("<div class='wrap'></div>")
$("p").wrap(document.getElementById('content'))
$("p").append("Hello"); //I would like to say: Hello
$("p").prepend("Hello"); //HelloI would like to say:
$("p").before("Hello"); //HelloI would like to say:
$("p").after("Hello"); //I would like to say: Hello

//【删除相应class的p元素】
//AAA BBB CCC
//BBB CCC
$("p").remove(".classname");

//获取具有某属性值的相应元素
$("input[name=qq]") //获取<input name="qq" type="text" />元素
//属性与值关系
= //等于
*= //包含该值
!= //不包含该值
^= //以该值开头
$= //以该值结尾
//为每一个匹配的元素执行该函数
$("element").each(function(){
//需要执行的内容
})

/*
jQuery中用post和get方法
（ajax高层抽象方法，对ajax方法进行了封装）
【当JQ中用post方式】
PHP用$_POST接收时，只有n2
PHP用$_GET接收时，只有n1
【当JQ中用get方式】
PHP用$_GET接收，n1 n2都有
PHP用$_POST接收时，都没有
*/
$.post("do.php?n1=a", {n2: "b"},
function(data){
;
}
);

//DOM对象 -> jQuery对象
//$(DOM对象)
var v = document.getElementById("id"); //DOM对象 v
var $v = $(v); //jQuery对象 $v
//jQuery对象 -> DOM对象
//jQuery对象.get(0) 或者 jQuery对象[0]
var $v = $("#id"); //jQuery对象 $v
var v = $v.get(0); //DOM对象 v
var v = $v[0]; //DOM对象 v
$("element").get(); //获取指定元素的集合

//$('#status4list').html("11111");//正确,jquery对象操作jquery方法
//document.getElementById("status4list").innerHTML="aaa";//正确,dom对象操作dom方法
//document.getElementById("status4list").html("33333");//错误, 因为是dom对象操作jquery方法

//dom对象一般可以通过$()转换成jquery对象
//$(document.getElementById("status4list")).html("22222");//正确 jquery对象

//由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。
//$("#status4list")[0].innerHTML="bbb";
//$("#status4list").get()[0].innerHTML="ccc";

//jQuery用ajax方法（ajax低层方法）
$.ajax({
type: "POST", //POST时PHP中用$_POST接收，GET反之。
url: "do.php",
data: "n1="+x+"&n2="+y,
success: function(data){ ; }
});