当前位置:Gxlcms > JavaScript > JQuery基础语法小结_jquery

JQuery基础语法小结_jquery

时间:2021-07-01 10:21:17 帮助过:9人阅读

1、$(document)将document对象转换为jquery

代码如下:

$(document).ready(function(){
alert("hello world");
});

2、获取所有的超链接对象,并且增加onclick事件;其实在底层jquery对象获得的每个标签的数组,因此我们不需要进行循环了

代码如下:

$(document).ready(function(){
$("a").click(function(){
alert("hello world");
});
});

3、jquery对象与dom对象之间的转换

代码如下:

$(document).ready(function(){
var javascriptElement = document.getElementById("clickme");
//将dom对象转换为jquery对象
var jqueryElement = $(javascriptElement);
//alert("javascript:" + javascriptElement.innerHTML);//innerHTML获取标签的内容
//alert("jquery:" + jqueryElement.html());
//将jquery转换为dom对象方式一
var jElement = $("#clickme");
var javascriptEle = jElement[0];
alert("jquery1: " + javascriptEle.innerHTML);
//方式二
var javascriptEle2 = jElement.get(0);
alert("jquery2: " + javascriptEle2.innerHTML);
});

4、jquery解决id值是否存在的问题

代码如下:

click me