jQuery常用方法
时间:2010-04-16
来源:互联网
//找tag
[pre]$("a"); //找到a的tag$("a#myId"); //找到id為myId的a tag$("a[@class='classA']"); //找到class為classA的a tag,用法同xpath,注意沒有空格[/pre]
//新增一個tag,及其操作
[pre]var div = jQuery('< div>Some text< /div>'); = js的createElement('div')*****注意*****jQuery('div'); //找div tag,不是新建div tagvar div = jQuery('< div>Some text< /div>').addClass('inserted').attr('id', 'foo'); //新增tag的clasdiv.appendTo(document.body); //加到body下div.prependTo('div#primary'); //加到primary的div下[/pre]
$('div#primary').append(div); //其他方法
//為某tag加入click事件
[pre]jQuery('p').click(function() { jQuery(this).css('background-color', 'red'); }); Set up paragraphs so that when you click them they turn red.jQuery('p:first').click(); //觸發click事件[/pre]
//xml裡的xpath
[pre]$(xml).find("Tag[@tid='1-1']").text());[/pre]
**Tag[@**沒有空格,有空格反而找不到...真氣人,搞半天原來是沒空格
//children
[pre]$(clubs).children.eq(3).text(); //即可取得第三個子節點$(clubs).children.each(function(){ //所有子節點});[/pre]
IO相關
//讀html
[pre]$("#htmDoc").load("test.html");[/pre]
//讀XML
[pre]$.get("test.xml",function(xml){ var text = $("title",xml).text(); $("#xmlDoc").html(text);});[/pre]
//讀txt
[pre]$.get("test.txt",function(txt){ alert(txt);});http://www.ruofeel.cn/93.html>IE下,使用html() 时会得到用户输入的值,如你在一个<input id='test' type=text />中输入了3>那么用html() 获得结果就是 <input id='test' type=text value=3/>>用firefox 获取的就是<input id='test' type=text />>>类似的还有:><input type='radio' />><input type='checkbox' />><textarea ></textarea> jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作;1.假如我们有如下页面 1. <input type="text" name="textname" id="text_id" value=""> 2. <!--其余的请自行添加.重要的是要有TYPE.NAME.ID等,一般情况这些都是有的-->2.下面来看怎么取得FORM中的各种值等等; 1. function get_form_value(){ 2. /*获得TEXT.AREATEXT的值*/ 3. var textval = $("#text_id").attr("value");//或者 4. var textval = $("#text_id").val(); 5. /*获取单选按钮的值*/ 6. var valradio = $("input[@type=radio][@checked]").val(); 7. /*获取复选框的值*/ 8. var checkboxval = $("#checkbox_id").attr("value"); 9. /*获取下拉列表的值*/ 10. var selectval = $('#select_id').val(); 11. }3.另外对表单的其他处理: 1. //控制表单元素: 2. //文本框,文本区域: 3. $("#text_id").attr("value",'');//清空内容 4. $("#text_id").attr("value",'test');//填充内容 5. //多选框checkbox: 6. $("#chk_id").attr("checked",'');//未选中的值 7. $("#chk_id").attr("checked",true);//选中的值 8. if($("#chk_id").attr('checked')==undefined) //判断是否已经选中 9. //单选组radio: 10. $("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项 11. //下拉框select: 12. $("#select_id").attr("value",'test');//设置value=test的项目为当前选中项 13. $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option 14. $("#select_id").empty();//清空下拉框[/pre]获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值:
文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();
控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
作者: zhao 发布时间: 2010-04-16


作者: ykfox 发布时间: 2010-07-12
看看

作者: adrinao 发布时间: 2010-07-12
不错的,就是有点乱的
作者: zjeb 发布时间: 2010-10-06
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28