1、创建如下结构的测试文件-- Content,-- jquery-1113minjs,-- JquerySelecthtml。
2、获取下拉框选中值:使用val()。
3、获取下拉框选中文本:使用find("option:selected")text()。
4、获取下拉框选中项的索引:使用get(0)selectedIndex。
5、通过value值设置下拉框的选中项:使用val("value值")。
6、通过text值设置下拉框的选中项。
7、通过value值删除下拉框的一个选项。
8、通过text值删除下拉框的一个选项。
这个js里面的this是指向当前调用对象的意思
比如
$('div')testFn();// 1 这里调用它
$fntestFn = function(){
//2 这里执行的this指向的是jq对象,也就是this === $('div');
//因为这里面的testFn是$('div')这个对象调用的,所以里面的this就指向它
}
而在
$('div')each(function(){
//这里面的this是被jq修改过的,并不是指向$('div'),而是指向的具体的dom元素
//比如,页面中有10个div,我通过$('div')选择了10个div
//那么我这个each方法会执行10此,每次的this分别指向不同的div,而不是指向$('div')这样
//我这样说你能明白?
})
<script src=">
楼主代码如下,请参考
$(function(){
$("#9 td")each(function(n){
$(this)click(function(){
alert(n);
})
})
})
Jquery获取子元素的方法有2种,分别是children()方法和find()方法。
1children()方法:获取该元素下的直接子集元素
2find()方法:获取该元素下的所有子集元素
3children()方法获取ul下面直接子集元素li:$("ul")children("li")
4find()方法获取ul下所有元素li:$("ul")find("li")
5children和find的区别:children只会查找直接子集,而find会跨越层级查找,一直找到没有为止。
indexOf() 和 lastIndexOf() 是js的用法,与jquery是无关的,所有直接用原生js就可以了。
indexOf() 和 lastIndexOf() 方法返回的都是指定的子串在另一个字符串中的位置,如果没有找不到子串,则返回 -1。
这两个方法的不同之处在于,indexOf() 方法是从字符串的开头(位置 0)开始检索字符串,而 lastIndexOf() 方法则是从字符串的结尾开始检索子串。
strObjindexOf(subString[, startIndex]) 参 数 strObj 必选项。String 对象或文字,要在 String 对象中查找的子字符 串。 starIndex 可选项。该整数值指出在 String 对象内开始查找的索引。如果省略,则从字符串的开始处查找。
说明 indexOf 方法返回一个整数值,指出 String 对象内子字符串的开始位置。如果没有找到子字符串,则返回 -1。 如果 startindex 是负数,则 startindex 被当作零。如果它比最大的字符位置索引还大,则它被当作最大的可能索引。 从左向右执行查找。否则,该方法与 lastIndexOf 相同。
例子: [CODE_HTML] [/CODE_HTML] 最后得到的结果是-1,0,3
if(ssindexOf('winner')>-1)
strobjindexOf(substring[, startindex])
其中strobj是必选项。string 对象或文字
获取select选中的 value:
$("#ddlregtype ")val();//这样就OK了
获取select 选中的 text :$("#ddlregtype")find("option:selected")text();
获取select选中的索引:
$("#ddlregtype ")get(0)selectedindex;这三个对你以后应该有用的
jQuery 选择器中 :last 表示最后一个元素,所以表示含有某类属性的最后一个元素可用如下代码表示
$("test-class:last") // 表示最后一个属于test-class类的元素示例如下:
创建Html元素
<div class="top"><ul>
<li>list-1</li>
<li class="selected">list-2</li>
<li class="selected">list-3</li>
<li>list-4</li>
<li class="selected">list-5</li>
</ul>
<span>红色列表项表示属于selected类,d出框显示了最后一个属于selected类的元素的内容</span>
</div>
设置css样式
divtop{margin:50px;padding:10px;width:300px;height:250px;border:2px dashed #ebbcbe;}li{padding:5px;}
liselected{color:red;font-weight:bold;}
span{color:#999;}
编写jquery代码
$(function(){$("ul")click(function() {
alert($("liselected:last")text());
});
})
观察显示效果
以上就是关于jQuery如何获取复选框选中项后的文字全部的内容,包括:jQuery如何获取复选框选中项后的文字、JQ插件中的this指向问题、[急]用js或者jq获取table指定行的位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)