今天是我学习 jQuery的第一天,主要学习的内容如下:
1. 网页加载完成后的事件编写;
2. jQuery选择器的使用方法;
3. jQuery获取/修改标签内容和获取/标签属性值;
4. jQuery隐藏/显示标签
5.jQuery给标签添加Click事件的方法
学习心得:
1. 怎样实现自动感知 隐藏/显示 标签块
思路=>对隐藏/显示按钮 设置一个自定义属性,如下面代码中<input type="button" name="action" id="action" value="Hide DIV#hideOrShowDiv" operation="hide"></input>的operation属性就是自定义的,他有两个值('hide'/'show'),默认值为'hide',这样每点击一次,就用jQuery变换一次值(在hide与show这两个值之间) ,隐藏或显示某一个标签块时只需要判断该operation属性的值就知道了。
另外介绍一下jQuery非常简便的方法即可实现:
$('input#toggleaction').click(function(){
$('div#hideOrShowDiv').toggle();
});
简直太容易了...
2. 获取 / 设置某一个标签属性的值
$("标签").attr("属性名");//获取属性值
==》
$('div').attr('id');
$('div#idname').attr('id');
$('div.classname').attr('id');
$("标签").attr('属性名','属性值');//设置属性值
==》
$('div').attr('id','xxvalue');
$('div#idname').attr('id','xxvalue');
$('div.classname').attr('id','xxvalue');
3. hide() & show()用法
隐藏标签:$('标签名').hide();
显示标签:$("标签名").show();
4.获取标签文本值
$('div#hideOrShowDiv').text()
5.向指定标签中插入文本
$('div#hideOrShowDiv').html("contentValue");
-------------------------------代码粘贴于此,供大家参考,写得不好,主要自己学习之用------------------------------
可以直接复制该代码,运行即可看见效果。
无需下载jQuery.js文件,我是用google提供的在线jQuery.js文件.
第一次真正开始学习jQuery,感觉很不错,推荐你也学学>>
jQueryAPI: