最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JQuery基础语法小结_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:34:52
文档

JQuery基础语法小结_jquery

JQuery基础语法小结_jquery:1、$(document)将document对象转换为jquery 代码如下: $(document).ready(function(){ alert(hello world); }); 2、获取所有的超链接对象,并且增加onclick事件;其实在底层jquery对象获得的每个标签的数组,因此我们不需要进行循环了 代码如
推荐度:
导读JQuery基础语法小结_jquery:1、$(document)将document对象转换为jquery 代码如下: $(document).ready(function(){ alert(hello world); }); 2、获取所有的超链接对象,并且增加onclick事件;其实在底层jquery对象获得的每个标签的数组,因此我们不需要进行循环了 代码如


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

//以传统方式解决id为空方式一
if(document.getElementById("helllo")) {
//如果hello不存在会出错
document.getElementById("helllo").style.color ="red";
}
//方式二
//$("#hello")[0].style.color="red";
//用jquery解决
$("#hello").css("color","red");
//如果只有一个参数,则此方法是读,如果是两个参数则是些功能(css(“”),css(“”,“”))
alert($("#hello").css("color"));

5、在javascript中规定,你要操作css属性时要将属性中的‘-'去掉,同时把后一个字母大写;如:background-color 要改成 backgroundColor

6、jquery中也使用选择器来操纵各种各样的元素。是继承了css的设计理念,但是把它更是发扬光大了;

7、jquery的几种书写形式

1> 方式一

代码如下:
$("document").ready(function(){
...
});

2> 方式二

代码如下:
$().ready(function(){
...
});

3> 方式三

代码如下:
$(function(){
...
});

以上几种方式是一样的

希望本文所述对大家学习jquery程序设计能有所帮助。

文档

JQuery基础语法小结_jquery

JQuery基础语法小结_jquery:1、$(document)将document对象转换为jquery 代码如下: $(document).ready(function(){ alert(hello world); }); 2、获取所有的超链接对象,并且增加onclick事件;其实在底层jquery对象获得的每个标签的数组,因此我们不需要进行循环了 代码如
推荐度:
标签: 语法 总结 jQuery
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top