+ -
当前位置:首页 → 问答吧 → jQuery常用方法

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