jQuery基本语法综述
复制代码代码如下所示:
$(文档)Ready(函数(){)
警报(Hello World);
});
2、把所有的超链接对象和增加的onclick事件;事实上,每个标签的底层jQuery对象获得的数组,所以我们不需要回收。
复制代码代码如下所示:
$(文档)Ready(函数(){)
$()。Click(函数(){)
警报(Hello World);
});
});
3,jQuery对象和DOM对象之间的转换
复制代码代码如下所示:
$(文档)Ready(函数(){)
无功javascriptelement = document.getelementbyid(clickme );
将DOM转换为jQuery对象。
无功jqueryelement = $(javascriptelement);
/ /警报(Javascript:+ javascriptelement .innerHTML); / / innerHTML获取标签的内容
/ /警报(jQuery:+ jqueryelement.html());
将jQuery转换为DOM对象
无功jelement = $(# clickme );
无功javascriptele = jelement { 0 };
警报(API:+ javascriptele .innerHTML);
Var javascriptEle2 = jElement.get (0);
警报(jquery2:+ javascriptele2 .innerHTML);
});
4、jQuery解决ID值存在的问题
复制代码代码如下所示:
点击我
以传统的方式解决ID空方式
如果(document.getelementbyid(你好)){
如果hello不存在,就会出错。
document.getelementbyid(你好)。style.color =红色;
}
/ / $(#你好){ 0 }。风格。颜色=红;
jQuery解决方案
$(#你好)。Css(颜色
如果只有两个参数是某个函数(CSS(CSS),()),则只有一个参数读取该方法。
警报($(#你好)。Css(色));
5,在Javascript规则中,应该将css属性操作到属性
6,在jQuery中,选择器也用于操作各种元素,它继承了CSS的设计思想,但使它更为重要。
7种形式的jQuery的几种形式
1 >模式1
复制代码代码如下所示:
$(文档)。Ready(函数(){)
…
});
2 >模式二
复制代码代码如下所示:
$()Ready(函数(){)
…
});
3 >模式三
复制代码代码如下所示:
$(函数(){())
…
});
这些都是相同的方法。
希望本文能帮助您学习jQuery程序设计。