jquery 或者js 获取页面光标所在的元素有如下两种方式:
创新互联公司-专业网站定制、快速模板网站建设、高性价比慈利网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式慈利网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖慈利地区。费用合理售后完善,10年实体公司更值得信赖。
1.通过焦点获取光标所在元素
光标所在一般都在文本框里面(该方法只适用于input,textarea)
$("input:focus") //光标所在input元素的位置
$("textarea:focus")//光标所在textarea元素的位置
$("input:focus,textarea:focus")//光标所在元素的位置
2。通过点击事件获取光标所在元素
获取鼠标点击元素的位置(适用于所有元素)
$("*").click(function(e){
$(e.target)//光标所在元素位置
})
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('body').append($('div:first').text());
$('body').append($('div:last').text());
3、浏览器运行index.html页面,此时通过jquery获取了第一个div和最后一个div并打印了其内容。
jquery有text()、html()、val()这三种获得标签内容的方法;
补充:
根据ID获取:$("#idName").text(),
根据标签名获取:$("p").text(),
根据类名获取:$(“.class1”).text()
你好!!
获取一个元素的值可以有很多方式:
input type="text" id="txt" class="ipt" name="uname" /
通过ID选择器:$("#txt").val();
通过class选择器:$(".ipt").val();
通过属性选择器:$("input[name='uname']").val();
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写基础代码。
2、在index.html中的script标签,输入js代码:
var el = window.document.body;
window.document.body.onmouseover = function(event) {
el = event.target;
$('body').append('br/当前鼠标在' + $(el).html() + '元素上');
}
3、浏览器运行index.html页面,此时鼠标移动到123上,会打印出光标在123元素上。