菜鸟写jquery入门教程(for web前端开发群4)(02)

时间:2021-07-10 14:11:55

事实上,前一篇太基础了,来点猛料吧(高手们偷笑了,这小破鸟乐得... 嗯,哪什么,高手,快闪~)

2.您要先了解伟大的$了..

$...

$是什么,先来看一个函数吧。(可别告诉我你一丁点js基础都没有哦)

function $(id){

  return document.getElementById(id);

}

好,我们暂且忘记它。 还记得我们用javascript得到一个元素的时候我们是怎么操作的? 我们是这样的:

1 给它取个id  比如 id="xiaocainiao"

2 用document.getElementById('xiaocainiao');来得到它..

再来看上面哪个怪怪的$函数,把它敲进页面里去。然后我们这样得到一个元素.

1 同样,给它取id  id="xiaocainiao"

2 用 $('xiaocainiao') 得到了它。

看出来了么? $其实没有什么特别的,你也可以用其它比如 G  _  getObj 等等来命名哪个函数。只是用短一点,另类一点,仅此而已。

同样,jquery里的 $函数大概就是我这个意思,但是,上篇说过它是超级豪华扩展白金版,哪它自然就不会这么简陋啦!有兴趣可以去看看jquery的源代码。它的实现比较复杂.

不管它了。总之我们明白用 $()函数可以得到我们想要的dom元素就好了。

来个例子吧..

我要得到一个id为xiaocainiao的div,然后把它的背景色弄成红色.怎么做?

哎,痛苦,高手们大抵要笑死了...哎,面向有很少js基础的小鸟们写教程大概也就这样吧。您哪凉快呆哪去..

不管他们了。新建一个html,把我们可爱的jquery引入进去。(怎么引入?上篇.)

我们要在body里写代码了。

<body>

   <script type="text/javascript">

      $(document).ready(

         function (){

           //得到哪个该死的div

           $('#xiaocainiao').css({background:'red'});

         }

     );

   </script>

</body>

ok ,敲敲看.

$('#xiaocainiao')  得到id为'xiaocainiao'的元素

$('.xiaocainiao')  得到class为xiaocainiao的元素

$('div')得到所有的div

看明白了没有。是不是跟css的选择符是一样的?练习一下吧.

这只是$()这个小家伙最简单的应用了。如果有时间我会在下篇里讲一下它进一步高级的应用。吃饭时间到了...88 all